网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

高德地图根据经纬度生成轨迹

时间:2024-10-15 05:02:39

1、写一个HTML页面,代码如下所示,首先初始化地图,初始化地图详情可查看如下经验

高德地图根据经纬度生成轨迹

3、在HTML中添加一个按钮

高德地图根据经纬度生成轨迹

5、在js代码模块中添加轨迹生成方法function generateTrace(){罕铞泱殳 positions = [[116.478935,39.997761],[116.478939,39.997825],[116.478912,39.998549],[116.478912,39.998549],[116.478998,39.998555],[116.478998,39.998555],[116.479282,39.99856],[116.479658,39.998528],[116.480151,39.998453],[116.480784,39.998302],[116.480784,39.998302],[116.481149,39.998184],[116.481573,39.997997],[116.481863,39.997846],[116.482072,39.997718],[116.482362,39.997718],[116.483633,39.998935],[116.48367,39.998968],[116.484648,39.999861]]; marker = new AMap.Marker({ map: map, position: positions[0], icon:new AMap.Icon({//设置图标不显示 image: "", size: new AMap.Size(0, 0), //图标大小 imageSize: new AMap.Size(0,0) }) , offset: new AMap.Pixel(-26, -13), autoRotation: true, angle:-90, }); // 绘制轨迹 var polyline = new AMap.Polyline({ map: map, path: positions, showDir: false,//是否显示箭头false/true strokeColor: '#FF0000', //线颜色 strokeWeight: 6, //线宽 strokeStyle: "solid" //线样式,实线"solid"/虚线"dashed" }); map.setFitView(marker); }

高德地图根据经纬度生成轨迹

7、在页面中点击轨迹生成按钮可以看到在地图中根据经纬度生成了轨迹

高德地图根据经纬度生成轨迹
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com