百度地图API地点搜索-获取经纬度

最新推荐文章于 2023-08-15 15:23:21 发布

竹林幽深

最新推荐文章于 2023-08-15 15:23:21 发布

阅读量2.6k

点赞数

分类专栏： map 百度地图文章标签：百度地图搜索地图api 地图开发

百度地图同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

map

7 篇文章 0 订阅

订阅专栏

最近在做公司的自主项目，本来打算使用原来使用的天地图开发，但是考虑到天地图的文档不是非常完善，而且自己的Javascript也不是很扎实，最终决定使用百度地图进行开发，因为他的文档和实例相对比较详细，而且API也相对比较成熟，所以···接下来会慢慢分享自己开发过程遇到的问题和解决方法代码等，希望对大家有帮助~共同学习一同进步。

第一次就先分享一下地图上的地点搜索和鼠标点击获取地点经纬度，这些都是地图比较基本和实用的代码，其中还包括了根据用户IP进行地图的显示、改变地图上的鼠标样式、启用滚轮缩放等，算是半入门吧，其他的一些可以自己参考百度的地图API。

核心的代码如下：

 
         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;  
        
         });  
        
         function 
          iploac(result){ 
         //根据IP设置地图中心  
        
         var 
         cityName = result.name;  
        
         map.setCenter(cityName);  
        
         }  
        
         var 
          myCity =  
         new 
         BMap.LocalCity();  
        
         myCity.get(iploac);  
        
         function 
          sear(result){ 
         //地图搜索  
        
         var 
         local =  
         new 
          BMap.LocalSearch(map, {  
        
         renderOptions:{map: map}  
        
         });  
        
         local.search(result);  
        
         }