百度地图API根据具体地址获取经纬度



最近了解到了百度地图的API 为此学习

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>  //引入  js 

<!-- 百度地图显示 -->

       <div id="container"

               style="positionabsolute;

                margin-top:10px;

                margin-left:800px;

                width800px;

                height500px;

                top50;

                border1px solid gray;

                overflow:hidden;">

                 </div>

 

 

 

 

//----------------------根据地址获取经纬度-------------------//

 

 var map = new BMap.Map("container"); // 创建地图实例

   var point = new BMap.Point(116.404, 39.915); // 创建点坐标

   map.enableScrollWheelZoom();   //启动鼠标中键控制地图缩放 

   map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别

   map.enableContinuousZoom();    // 开启连续缩放效果

   map.enableInertialDragging(); // 开启惯性拖拽效果

   map.addControl(new BMap.NavigationControl()); // 添加控件

   map.addControl(new BMap.ScaleControl());

   map.addControl(new BMap.OverviewMapControl()); 

   map.addControl(new BMap.MapTypeControl());

   var map = new BMap.Map("container");//在指定的容器内创建地图实例

   map.setDefaultCursor("crosshair");//设置地图默认的鼠标指针样式

   map.enableScrollWheelZoom();//启用滚轮放大缩小,默认禁用。

   map.centerAndZoom(new BMap.Point(116.124878,24.309178), 13);

   map.addControl(new BMap.NavigationControl());

   //地图单击事件

   map.addEventListener("click"function(e){

//    document.getElementById("lonlat").value = e.point.lng +", " + e.point.lat;

        //经纬度文本框赋值

      document.getElementById("baiduLongitude").value = e.point.lng;

      document.getElementById("baiduLatitude").value = e.point.lat;

   });

   function iploac(result){//根据IP设置地图中心

       var cityName = result.name;

      map.setCenter(cityName);

   }

   var myCity = new BMap.LocalCity();

   myCity.get(iploac);

  

  

   function sear(result){//地图搜索

      alert(result);

      /* map.centerAndZoom(result, 13);

      document.getElementById("baiduLongitude").value= e.point.lng;

      document.getElementById("baiduLatitude").value = e.point.lat;*/

       var local = new BMap.LocalSearch(map, {

           renderOptions:{map: map}

      });

      local.search(result);

   }

  

  

  

   //产生地图标记

    initMap(); //创建和初始化地图

     map.addEventListener("click"function (e) {

     point = new BMap.Point(e.point.lng,e.point.lat);

     var marker = new BMap.Marker(point);

     map.addOverlay(marker);  

     document.getElementById("baiduLongitude").value = e.point.lng;

      document.getElementById("baiduLatitude").value = e.point.lat;

     });

   var marker; //声明一个空标记

  //以下是点击事件        

  map.addEventListener("click"function (e) {

 

      checkMaker();

 

      point = new BMap.Point(e.point.lng,e.point.lat);//捕捉点击的坐标值

      marker = new BMap.Marker(point); //给标记赋新坐标值

      map.addOverlay(marker); //添加新标记

      });

 

  function checkMaker() {

 

  if (marker != null)

 

    map.removeOverlay(marker); //如果marker已经存在,删除标记

  }

最近了解到了百度地图的API 为此学习

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>  //引入  js 

<!-- 百度地图显示 -->

       <div id="container"

               style="positionabsolute;

                margin-top:10px;

                margin-left:800px;

                width800px;

                height500px;

                top50;

                border1px solid gray;

                overflow:hidden;">

                 </div>

 

 

 

 

//----------------------根据地址获取经纬度-------------------//

 

 var map = new BMap.Map("container"); // 创建地图实例

   var point = new BMap.Point(116.404, 39.915); // 创建点坐标

   map.enableScrollWheelZoom();   //启动鼠标中键控制地图缩放 

   map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别

   map.enableContinuousZoom();    // 开启连续缩放效果

   map.enableInertialDragging(); // 开启惯性拖拽效果

   map.addControl(new BMap.NavigationControl()); // 添加控件

   map.addControl(new BMap.ScaleControl());

   map.addControl(new BMap.OverviewMapControl()); 

   map.addControl(new BMap.MapTypeControl());

   var map = new BMap.Map("container");//在指定的容器内创建地图实例

   map.setDefaultCursor("crosshair");//设置地图默认的鼠标指针样式

   map.enableScrollWheelZoom();//启用滚轮放大缩小,默认禁用。

   map.centerAndZoom(new BMap.Point(116.124878,24.309178), 13);

   map.addControl(new BMap.NavigationControl());

   //地图单击事件

   map.addEventListener("click"function(e){

//    document.getElementById("lonlat").value = e.point.lng +", " + e.point.lat;

        //经纬度文本框赋值

      document.getElementById("baiduLongitude").value = e.point.lng;

      document.getElementById("baiduLatitude").value = e.point.lat;

   });

   function iploac(result){//根据IP设置地图中心

       var cityName = result.name;

      map.setCenter(cityName);

   }

   var myCity = new BMap.LocalCity();

   myCity.get(iploac);

  

  

   function sear(result){//地图搜索

      alert(result);

      /* map.centerAndZoom(result, 13);

      document.getElementById("baiduLongitude").value= e.point.lng;

      document.getElementById("baiduLatitude").value = e.point.lat;*/

       var local = new BMap.LocalSearch(map, {

           renderOptions:{map: map}

      });

      local.search(result);

   }

  

  

  

   //产生地图标记

    initMap(); //创建和初始化地图

     map.addEventListener("click"function (e) {

     point = new BMap.Point(e.point.lng,e.point.lat);

     var marker = new BMap.Marker(point);

     map.addOverlay(marker);  

     document.getElementById("baiduLongitude").value = e.point.lng;

      document.getElementById("baiduLatitude").value = e.point.lat;

     });

   var marker; //声明一个空标记

  //以下是点击事件        

  map.addEventListener("click"function (e) {

 

      checkMaker();

 

      point = new BMap.Point(e.point.lng,e.point.lat);//捕捉点击的坐标值

      marker = new BMap.Marker(point); //给标记赋新坐标值

      map.addOverlay(marker); //添加新标记

      });

 

  function checkMaker() {

 

  if (marker != null)

 

    map.removeOverlay(marker); //如果marker已经存在,删除标记

  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值