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

1、问题背景

高德地图上有自己创建的marker，单击删除按钮，可以删除多个标记

2、实现源码

<!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>高德地图-删除多个点标记</title><link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/><script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script><script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script></head><body><div id="container"></div><div class="button-group"><input type="button" class="button" value="删除" id="delMarker"/></div><script>var map = new AMap.Map("container", {resizeEnable: true,center: [114.20495,30.407079],zoom: 14});AMap.event.addDomListener(document.getElementById('delMarker'), 'click', function() {map.remove(markers);}, false);var markers = [], positions = [[114.195423,30.405821], [114.203662,30.404636], [114.220828,30.404784], [114.222202,30.393976], [114.201431,30.392051],[114.193448,30.413149],[114.220657,30.414777],[114.205379,30.414629],[114.202976,30.398492],[114.208812,30.400121]];for(var i = 0, marker; i < positions.length; i++){marker = new AMap.Marker({map: map,position: positions[i]});markers.push(marker);}</script></body>
</html>

3、实现结果

（1）初始化时

（2）点击删除按钮

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

高德地图-删除多个指定点标记
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 1.问题 ...
高德地图自定义图标的点标记Marker--初体验（二）
点标记Marker 创建一个默认图标的点标记: 创建一个自定义图标的点标记: new AMap.Marker({}) 参数说明本文以Marker为主,其他点标记方法大差不差通过上两篇文章我们已经了 ...
高德地图中隐藏Marker的标记
在开发高德地图时,可以使用Marker的setLabel()函数设置浮动标记. 做了一个功能,每选中一个点时,在上方显示文字信息. marker.setLabel({direction:'top',o ...
vue 高德地图标记_vue-element-admin 引入高德地图并做海量点标记
第一步: 首先在index.html入口文件中添加引入高德地图的js,并填写自己在官网申请的key.如果没有申请不填写也是可以的. plugin:项目中如果有需要引入插件则使用没有直接去掉就行. 第二 ...
android 高德地图删除多边形,高德地图多边形覆盖物添加、获取、删除
最近在做有关地图的项目汇总一下方便以后使用上图是覆盖物绘制完成之后的编辑状态引入高德地图js P.s. plugin后跟的是地图插件 1.覆盖物绘制 map.plugin(["AMa ...
JSAPI 高德地图应用---批量初始化点标记、矢量图形
在高德地图的应用中,地图上展示我们自己自定义覆盖物是很常见的应用,前提是需要覆盖物相应的定位点以及图标即可,但矢量图形不能直接展示图标,可以在信息框中展示:这里我就弄一个标记点的初始化,并且添加上信息 ...
高德地图 JSAPI 给指定部分标记颜色
此次以北京各区以不同颜色显示为例 1.新建地图对象: var map = new AMap.Map("container", {zoom: 11,//地图打开时缩放级别center ...
高德地图上绘制城市名字和带涟漪的点标记
接上一篇"vue中基于echarts和基于高德地图的两种地图下钻与上浮方式" import noEmerIcon from "./img/emerManagement/n ...
Vue+高德地图api
文章目录前言一.准备工作 1.申请应用 2.引入 3.创建地图二.使用高德地图 1.覆盖物 (1) 点标记 (2) 海量点标记 (3) 轨迹回放 2.矢量图形 (1) 多边形 3.图层 (1) ...

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

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

最新文章

热门文章