机场分区是一堆按钮,,我想要实现点击江苏吧,就只显示江苏,,不想让其他的那些按钮点击后的内容--例如安徽啊显示。
目前我是,每个按钮都加了点击事件,然后显示地名;但是第一次点击完毕后他就永远显示在地图上了,,
下面是一个按钮的例子。。请问我怎么让他才能点击的时候只显示一次;其他的内容隐藏啊
$(".bnt-ShanDong").on('click', function () {
// 百度地图API功能 var initPoint = new BMap.Point(117.215278, 36.8569444); map.centerAndZoom(initPoint, 8); var myIcon = new BMap.Icon("../images/marker.png", new BMap.Size(32, 32)); var marker = new BMap.Marker(initPoint, { icon: myIcon }); // 创建标注 map.addOverlay(marker); //marker.setAnimation(BMAP_ANIMATION_BOUNCE); var label = new BMap.Label("山东分局", { offset: new BMap.Size(30, 5) }); label.setStyle({ color: "#fff", fontSize: "12px", backgroundColor: "0.05", border: "0", height: "20px", lineHeight: "20px", fontFamily: "微软雅黑" }); marker.setLabel(label);
})
最简单的一种方式就是每次点击事件触发后,先将所有的地区都隐藏,然后根据当前点击的this确定当前地区然后显示当前地区
首先可以把所有的按钮增加一个统一的class例如叫
btn-test
,然后给每个按钮增加一个自定义属性例如data-name
,每一个都放这个按钮代表哪个分局,然后给所有这样的按钮统一增加监听,根据data-name
的值判断点击的是哪一个,然后先删除地图上所有的图标,再只显示点击的那个:这个跟三级联动思路差不多吧,点击任意按钮先清空地图内容,然后再根据this把对应的内容传进去
点击事件传入一个ID标识 每个按钮都有自己特定的ID
在创建之前点之前隐藏所有点
并且判断你这个ID点是否存在