百度地图添加marker并获取InfoWindow里面的内容,实现marker的增加、删除、编辑

最新推荐文章于 2023-09-11 16:02:47 发布

VIP文章不哭_死神

最新推荐文章于 2023-09-11 16:02:47 发布

阅读量1.4w

点赞数

本文链接：https://blog.csdn.net/u014459937/article/details/45093101

版权

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FB14a133b9bf40fec90d36c84fb4dd13"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap" style="height:80%"></div>
<input type="button" id="btn" name="btn" value="加点" οnclick="addPoint()" />
<input type="button" id="btn" name="btn" value="移除事件" οnclick="removeEvent()" />
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap",{enableMapClick: false}); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 16); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
map.setCurrentCity("北京"); // 设置地图显示的城市此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

function savePoint(){//鼠标示例鼠标点击拾取坐标点
alert(document.getElementById("test").value);
infoWindow.close();
infoWindow=[];
}
function del(arg){//点击时地图上添加的点错误时删除

最低0.47元/天解锁文章

不哭_死神

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
百度地图添加marker并获取InfoWindow里面的内容,实现marker的增加、删除、编辑

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}地图展示// 百度地图API功能var map = new BMap.Map("allmap",{enableMapClick: false}); // 创建M
复制链接

扫一扫