![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
高德地图js
yuyu_2019
这个作者很懒,什么都没留下…
展开
-
高德地图 多marker点击出自定义infowindow2
【代码】高德地图 多marker点击出自定义infowindow2。原创 2024-04-10 14:17:54 · 162 阅读 · 0 评论 -
高德地图 搜索定位
【代码】高德地图 搜索定位。原创 2022-11-17 16:28:27 · 316 阅读 · 0 评论 -
高德地图 画线
基于AMap.MouseTool。原创 2022-11-17 16:19:44 · 240 阅读 · 0 评论 -
在地图上画出多个点
【代码】在地图上画出多个点。原创 2022-11-17 15:01:25 · 135 阅读 · 0 评论 -
高德地图 计算两个点之间距离
参考地址:https://lbs.amap.com/api/javascript-api/guide/geometry/geometry。原创 2022-11-17 10:05:21 · 613 阅读 · 0 评论 -
高德地图 多marker点击出自定义infowindow
【代码】高德地图 多marker点击出自定义infowindow。原创 2022-09-28 13:50:47 · 812 阅读 · 0 评论 -
高德地图 poi 搜索
原创 2022-04-25 10:25:02 · 913 阅读 · 0 评论 -
高德地图设置中心点
var position = [116, 39]; map.setCenter(position);原创 2022-04-22 16:15:42 · 3962 阅读 · 0 评论 -
高德地图选择哪个拖动哪个marker
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>覆盖原创 2022-04-22 09:35:09 · 247 阅读 · 0 评论 -
高德地图 marker拖拽(一)
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>覆盖原创 2022-04-21 17:13:09 · 1823 阅读 · 0 评论 -
高德地图 删除marker(指定marker)
点击一个点位,生成一个marker把所有点击过的点位,放入markerList数组删除的时候,先清除所有marker,删除positionList数组里的某一项,再循环positionList把marker重绘出来var positionList = [] // 经纬度数组var markerList = [] // marker列表var marker// 初始化地图var map = new AMap.Map("container"); // 地图绑定点击事件map.on('cli原创 2022-04-19 15:49:44 · 8427 阅读 · 4 评论 -
高德地图 自定义marker
function AddPoint (arr) { let index = 1 + markerList.length // 序号 var content = '<div class="marker-icon">' + index + '</div>'; // 自定义marker var marker = new AMap.Marker({ content: content, position: arr,//位置 }) map.add(marke原创 2022-04-19 14:24:06 · 670 阅读 · 0 评论 -
点击地图新增点位多个
var map = new AMap.Map("container");map.on('click', function (e) { let arr = [e.lnglat.getLng(), e.lnglat.getLat()]; AddPoint(arr)});function AddPoint (arr) { var marker = new AMap.Marker({ position: arr,//位置 }) map.add(marker);//添加到地图}原创 2022-04-19 12:48:35 · 119 阅读 · 0 评论 -
点击地图新增一个点位
//地图加载var map = new AMap.Map("container");var marker = new AMap.Marker();var clickHandler = function (e) { // 地图点击事件 // alert('您在[ ' + e.lnglat.getLng() + ',' + e.lnglat.getLat() + ' ]的位置点击了地图!'); var lnglat = e.lnglat console.log(lnglat) // 经纬原创 2022-04-19 12:11:53 · 109 阅读 · 0 评论 -
高德地图点击地图
var map = new AMap.Map("container");var clickHandler = function (e) { // 地图点击事件 alert('您在[ ' + e.lnglat.getLng() + ',' + e.lnglat.getLat() + ' ]的位置点击了地图!');};map.on('click', clickHandler) // 绑定地图点击事件...原创 2022-04-19 10:57:27 · 533 阅读 · 0 评论 -
地图搜索定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>Document<原创 2022-04-19 09:49:41 · 290 阅读 · 0 评论 -
初始化地图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>Document<原创 2022-04-19 09:25:11 · 103 阅读 · 0 评论