百度地图动态插入标注
2014-12-03 15:19
106 查看
1.点击地图上面的红旗图片后,在地图上面点击动态添加标注
<div
style="position:absolute;top:7px; right:450px; z-index:20;cursor:pointer;background:#cccccc;border:1px solid #ffffff;width:60px;height:30px;text-align:center;">
<img class="mypig" imgVal="1" src='../images/flag.png' />
</div>
2.
$('.mypig').live(
"click",
function(even) {
window.clickPointer = "tuodong";
drawingManager.close();
var str = $(this).attr("imgVal");
map.addEventListener("click", function(e) {
if (str == 1) {
var point = new BMap.Point(e.point.lng, e.point.lat);
var myIcon = new BMap.Icon("../images/flag.png",
new BMap.Size(38, 47));
var marker = new BMap.Marker(point, {
icon : myIcon
}); // 创建标注
marker.disableMassClear();
map.addOverlay(marker);
}
str = 0;
});
});
<div
style="position:absolute;top:7px; right:450px; z-index:20;cursor:pointer;background:#cccccc;border:1px solid #ffffff;width:60px;height:30px;text-align:center;">
<img class="mypig" imgVal="1" src='../images/flag.png' />
</div>
2.
$('.mypig').live(
"click",
function(even) {
window.clickPointer = "tuodong";
drawingManager.close();
var str = $(this).attr("imgVal");
map.addEventListener("click", function(e) {
if (str == 1) {
var point = new BMap.Point(e.point.lng, e.point.lat);
var myIcon = new BMap.Icon("../images/flag.png",
new BMap.Size(38, 47));
var marker = new BMap.Marker(point, {
icon : myIcon
}); // 创建标注
marker.disableMassClear();
map.addOverlay(marker);
}
str = 0;
});
});
相关文章推荐
- 百度地图获取数据库坐标动态生成标注和折线
- 如何在asp.net中使用百度地图并动态获取到数据库中的坐标点进行标注
- 在自己的网页上插入动态的百度地图
- 怎么在网页中插入百度地图并标注某个地点(简单版)
- 项目中的百度地图添加标注,动态弹框
- Flex等值线客户端动态标注
- 想要动态的在UIView的subviews的指定位置插入和删除某个subview怎么办
- 百度地图排名优化和标注
- js 动态创建并插入元素 insertBefore insertAfter
- 百度地图默认标注显示位置
- 百度地图的标注点无法居中,总是在左上角显示问题解决
- Mybatis动态插入数据(使用trim标签)
- 百度地图API:百度地图上循环显示标注点。使用闭包循环加载点击事件
- 在网页中插入百度地图(实例)
- myibatis动态插入主键
- 百度地图中动态生成网格
- 百度地图之标注聚会
- MyBatis 动态插入 数据 insert
- 点击某个按钮在tableView某个位置动态插入一行cell
- 如何在HTMl网页中插入百度地图