高德地图
神探小白牙
对方正在输入中....
展开
-
高德.js2.0绘制多条折线(轨迹)及清除所有折线
2.0版本的地图,需要绘制多条折线的时候,就需要循环生成,因此也需要循环清除。原创 2024-06-27 15:11:08 · 555 阅读 · 0 评论 -
高德.js2.0绘制点聚合,并点击点出现自定义样式弹窗
我这里依旧使用AMapLoader插件。原创 2024-06-27 14:34:23 · 415 阅读 · 0 评论 -
高德.js地图自定义图标和样式,以及绘制轨迹
【代码】高德.js地图自定义图标和样式,以及绘制轨迹。原创 2024-05-20 10:44:53 · 904 阅读 · 0 评论 -
高德地图,用AMapLoader组件,点击地图添加点并获取经纬度
在这块我用的是高德地图,使用的是AMapLoader组件,这样就省去了很多配置步骤。原创 2024-05-13 10:52:40 · 613 阅读 · 0 评论 -
高德地图,绘制矢量图形并获取经纬度
我用的是AMapLoader这个地图插件,会省去很多配置的步骤,非常方便。首先下载插件,然后在局部引入。然后在methods里面使用。原创 2023-09-07 17:00:09 · 1481 阅读 · 3 评论 -
高德.js和WGS84等等,经纬度转换,正向及逆向
正向转换<html><body><script>//墨卡托转 经纬度function mercatorTolonlat(mercator){ var lonlat={x:0,y:0}; var x = mercator.x/20037508.34*180; var y = mercator.y/20037508.34*180; y= 180/Math.PI*(2*Math.atan(Math.exp(y*Math.PI/1原创 2021-09-27 11:07:54 · 1098 阅读 · 0 评论 -
高德js,绘制路线
效果图首先,指路apihttps://lbs.amap.com/demo/javascript-api/example/driving-route/plan-route-according-to-lnglat async initMap() { // 基本地图加载 const map = new AMap.Map("container", { resizeEnable: true, center: [108.946726, 34.2228原创 2021-09-27 10:38:07 · 1023 阅读 · 0 评论 -
高德地图JS给覆盖物增加鼠标事件及信息弹窗
高德地图JS给覆盖物增加鼠标事件,鼠标移入时添加信息弹窗,鼠标移出时关闭信息弹窗效果图 let maps = new AMap.Map('container', { resizeEnable: true, }); //绘制面对象,被选中的河流的对象 const polygon = new AMap.Polygon({ map: map,原创 2021-09-02 15:12:47 · 3114 阅读 · 1 评论 -
高德.js自定义覆盖物polygon样式
效果图,点击时高亮事件api地址https://lbs.amap.com/demo/jsapi-v2/example/overlayers/polygon-draw代码 // 给覆盖物增加点击事件 polygon.on('click', showInfoP); function showInfoP(e) { // 点击之后的样式 polygon.setOptions({原创 2021-08-26 17:07:23 · 1567 阅读 · 4 评论 -
高德地图.js增加覆盖面并点击改位置出现弹窗
效果如图在面的事件里面添加方法 // 面 getPlygonAssets() { let this_ = this; //获取面数据 this.$api.operatinMaintenance.getAssetsList({ elType: 3, orgId: 17, type: 1 }).then((res) => { if (res.code == '200') { let list = res.data;原创 2021-08-26 15:13:54 · 421 阅读 · 0 评论