PHP高德地图描点,引用高德地图描点画行动轨迹

秒速五厘米 2022-11-19 01:25 308阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，308人围观）

还没有评论，来说两句吧...

相关阅读

相关高德地图点聚合功能加点击事件

效果展示 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

怼烎@/ 2023年01月03日 04:48/ 0 赞/ 347 阅读

相关高德地图所有点在中间Android

LatLngBounds.Builder builder = new LatLngBounds.Builder(); LatLngBounds bounds =

￡神魔★判官ぃ/ 2022年12月21日 06:24/ 0 赞/ 203 阅读

相关 PHP高德地图描点,引用高德地图描点画行动轨迹

arr数组中存放地址的经纬度 function initMap(arr)\{ mapObj = new AMap.Map("staff\_track\_index\_map

秒速五厘米/ 2022年11月19日 01:25/ 0 赞/ 309 阅读

相关高德地图模拟行车轨迹效果

[下载地址][Link 1]模拟行车轨迹效果，采用高德地图实现的。基本思路：1. 初始化地图2. 获取随机路线的坐标数组Points，转Marker对象数组3. 创建地图折线实

ゝ一纸荒年。/ 2022年09月09日 12:46/ 0 赞/ 467 阅读

相关高德地图打点

高德地图API的使用看官方文档就能很容易的上手。在高德地图的使用过程中，了解了一些关于地图的需求与使用。复习了一下地理知识：经纬度还复习了一下数学知识

桃扇骨/ 2022年07月16日 06:52/ 0 赞/ 456 阅读

相关高德地图-删除多个点标记

1、问题背景高德地图上有自己创建的marker，单击删除按钮，可以删除多个标记 2、实现源码 <!DOCTYPE html> <ht

绝地灬酷狼/ 2022年07月15日 05:25/ 0 赞/ 421 阅读

相关高德地图工具包

package com.ybdc.yy.base.basis.utils.map; import java.io.BufferedReader; impor

ゝ一世哀愁。/ 2022年06月13日 03:26/ 0 赞/ 336 阅读

相关高德地图工具包

package com.ybdc.yy.base.basis.utils.map; import java.io.BufferedReader; impor

布满荆棘的人生/ 2022年06月13日 03:25/ 0 赞/ 319 阅读

相关高德地图点击获取坐标

<link href="<?=Yii::getAlias('@resUrl/css/manage.css');?>" rel="stylesheet">

刺骨的言语ヽ痛彻心扉/ 2022年05月17日 11:09/ 0 赞/ 537 阅读

相关调用高德地图

//F12 切换手机模式 <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-eq

迈不过友情╰/ 2021年10月31日 16:34/ 0 赞/ 608 阅读