【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能

简介: 原文:【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能 任务描述:   农历12月31日是中国传统的节日——除夕。你知道除夕是怎么来的麼?   “夕”在中国古代神话中,可是一个专吃小孩的怪兽呢!所以,我们过春节时要放鞭炮吓走“夕”,以求平安。
原文: 【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能

任务描述:

  农历12月31日是中国传统的节日——除夕。你知道除夕是怎么来的麼?

  “夕”在中国古代神话中,可是一个专吃小孩的怪兽呢!所以,我们过春节时要放鞭炮吓走“夕”,以求平安。

  那让我们一起来除掉那些红色的“夕”吧!

 

如何实现:

  方法一、给地图增加一个事件监听,addEventListener,当右击地图时,出现右键菜单,可删除标注。

  方法二、给标注增加事件监听,右键点击标注,即可删除。

 

图示:

img_b11f6721e991d6519350dbd24ed8ed73.jpg

 

运行代码,请点击这里

 

代码:

 

< script type = " text/javascript " >
var map = new BMap.Map( " mapBox " );
var point = new BMap.Point( 116.404 , 39.915 );
map.centerAndZoom(point,
15 );
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中

marker.addEventListener(
" rightclick " , function (){
map.removeOverlay(marker);
alert(
" 我点击了右键,marker被删除 " );
});

var menu = new BMap.ContextMenu(); // 添加右键菜单
var txtMenuItem = [
{
text:
' 删除标注 ' ,
callback:
function (){
map.removeOverlay(marker);
}
}
];

for ( var i = 0 ; i < txtMenuItem.length; i ++ ){
menu.addItem(
new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback, 100 ));
}
map.addContextMenu(menu);
< / script>

 

目录
相关文章
|
5月前
|
存储 缓存 API
实现电商物流API的实时追踪功能
在电商时代,实时物流追踪已成为提升用户体验的核心功能。本文详解如何通过物流API实现包裹位置追踪、ETA计算及数据优化,涵盖API集成、后端处理、前端展示与性能调优,助力构建高效可靠的追踪系统,提升用户信任与满意度。
342 0
|
2月前
|
缓存 数据可视化 定位技术
快递鸟快递API技术指南:获取物流轨迹信息与轨迹地图的解决方案
在当今电商竞争激烈的环境中,物流体验已成为提升用户满意度的关键因素。研究表明,超过 75% 的消费者会因物流信息不透明而放弃下单。
583 1
|
3月前
|
SQL 运维 关系型数据库
【产品升级】Dataphin V5.0版本发布:助力出海业务、增全量一体集成、异步调用API等更多功能等你发现
Dataphin是瓴羊推出的智能数据建设与治理平台,基于阿里巴巴内部实践,提供一站式数据建设与治理能力。V5.0版本研发新增支持Databricks作为离线计算引擎、支持MySQL数据库一键增全量同步、支持管理Hudi、Delta Lake表等;资产运营与消费持续提效,支持批量编辑目录名称及描述、Quick BI仪表板的上架管理等功能,增加资产可用性与盘点效率。
268 8
|
3月前
|
存储 数据可视化 Java
Java Stream API 的强大功能
Java Stream API 是 Java 8 引入的重要特性,它改变了集合数据的处理方式。通过声明式语法,开发者可以更简洁地进行过滤、映射、聚合等操作。Stream API 支持惰性求值和并行处理,提升了代码效率和可读性,是现代 Java 开发不可或缺的工具。
Java Stream API 的强大功能
|
4月前
|
供应链 API 数据安全/隐私保护
电商API数据接口的核心功能
电商API数据接口是电商平台与外部系统通信的核心工具,具备订单管理、库存同步和电子面单获取三大功能。它实现订单信息实时同步、多平台整合与状态更新,提升商家运营效率;通过库存数据双向同步,避免超卖并优化库存成本;同时自动获取电子面单号,加快发货流程。电商API在提升交易效率与用户体验方面具有重要作用。
|
4月前
|
JSON 算法 API
拼多多API跨店比价功能,选品效率提升60%!
拼多多推出API跨店比价功能,助力商家与消费者高效选品。通过自动化比价与智能算法,实现选品效率提升60%。开发者可快速集成,优化采购与购物体验。智能高效,抢占市场先机。了解详情:https://o0b.cn/evan
447 0
|
4月前
|
安全 API 开发者
Docker Remote API的功能详述及其使用方法。
综上所述,Docker Remote API是管理Docker环境的强大工具,它使得开发者能够更灵活地集成和自动化Docker相关的操作。通过遵循Docker守护进程的安全配置标准和正确使用HTTP请求,可以有效地控制Docker守护进程,实现高效的容器管理和自动化部署。
194 0
|
5月前
|
Java API
深入解析Java API中Object类的功能
了解和合理运用 Object类的这些方法,对于编写可靠和高效的Java应用程序至关重要。它们构成了Java对象行为的基础,影响着对象的创建、识别、表达和并发控制。
112 0
|
5月前
|
API
Dataphin功能Tips系列(64)-API资产编目及上架
在企业数据部门中,因API命名不规范、分类不清、信息不全等问题,导致业务开发人员查找困难、重复咨询、误用接口等,影响效率。Dataphin提供API资产编目与上架功能,通过目录规划、属性管理、手动/自动上架等方式,实现API的系统化管理与精准检索,提升业务响应效率。
138 0