PHP高德地图描点,引用高德地图描点画行动轨迹
arr數組中存放地址的經緯度
function initMap(arr){
mapObj = new AMap.Map("staff_track_index_map_container"); ?//要顯示地圖的區域
//初始化地圖對象,加載地圖
var mapArr=new Array();
$.each(arr,function(i){
var j=i+1;
mapArr.push(new Array(arr[i]["cust_name"]+" ? ?"+arr[i]["add_time"],arr[i]["longitude"],arr[i]["dimension"]));
})
mapInit(mapArr);
}
function mapInit(arr){
var aLine=arr;
var AlineNew=Array();
if(aLine.length!=0)
{
AlineNew.push(new Array("",aLine[0][1],aLine[0][2]))
}else{
var Center=getMapCenter();
AlineNew.push(new Array("暫無軌跡",Center[0],Center[1]));
}
mapObj = new AMap.Map("staff_track_index_map_container",{
view: new AMap.View2D({
center:new AMap.LngLat( AlineNew[0][1],AlineNew[0][2]),//地圖中心點
zoom:14 //地圖顯示的縮放級別
})
});
if(aLine.length!=0)
{
addMarker(aLine);
addLine(aLine,false);
}
}
function addMarker(arr){ //自定義窗體信息 ? ? var infoWindow = new AMap.InfoWindow({ ? ? ? ? ? ? offset: new AMap.Pixel(0, -30) ? ? ? ? }); //console.log(mapObj); for (var i = 0; i < arr.length; i++) { var marker; var icon; if(i==0){ icon="__PUBLIC__/assets/images/gps_qidian.png"; }else if(i==arr.length-1){ icon="__PUBLIC__/assets/images/gps_zhongdian.png"; }else{ icon="__PUBLIC__/assets/images/position_shop.png"; } marker = new AMap.Marker({ ? ? ? ? ? ? ? icon:icon, ? ? ? ? ? ? ? title:arr[i][0], ? ? ? ? ? ? ? position:new AMap.LngLat(arr[i][1],arr[i][2]) ? ? ? ? ? }); ? ? ? ?marker.setMap(mapObj); ?//在地圖上添加點 ? ? ? ?marker.on('click', markerClick); ? ? ? ? marker.emit('click', {target: marker}); ? ? ? ?mapObj.setFitView(); ? ? ? ? } function markerClick(e) { ? ?infoWindow.setContent(e.target.title); ? ?infoWindow.open(mapObj, e.target.getPosition()); } } function addLine(arr) { ? ? var lineArr = new Array();//創建線覆蓋物節點坐標數組 ? ? var color="red"; ? ? for(var i=0;i
總結
以上是生活随笔為你收集整理的PHP高德地图描点,引用高德地图描点画行动轨迹的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 门面设计模式php,php设计模式-门面
- 下一篇: realmex屏幕材质