点击地图，生成节点，并返回相应坐标。

最新推荐文章于 2022-08-31 15:10:01 发布

shihongjian001

最新推荐文章于 2022-08-31 15:10:01 发布

阅读量659

点赞数

分类专栏： other 文章标签： function xhtml html

本文链接：https://blog.csdn.net/shihongjian001/article/details/6335941

版权

other 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

用baidu地图接口，我想实现，利用鼠标点击事件向地图上添加节点。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
    var map = new BMap.Map("dituContent");
    var point = new BMap.Point(116.331398,39.897445);
    map.centerAndZoom(point,15);
    map.enableScrollWheelZoom();
    var marker = new BMap.Marker(point);
    map.addOverlay(marker);
    var myGeo = new BMap.Geocoder();
    map.addEventListener("click",function(e){
      map.removeOverlay(marker);
      marker = new BMap.Marker(e.point);
      map.addOverlay(marker);
      //alert(marker.getPosition().lat);
      myGeo.getLocation(e.point, function(result){
      if (result){
        alert(result.address);
         }
      });
    });
</script>
</html>

shihongjian001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点击地图，生成节点，并返回相应坐标。

用baidu地图接口，我想实现，利用鼠标点击事件向地图上添加节点。 var map = new BMap.Map("dituContent"); var point = new BMap.Point(116.3
复制链接

扫一扫