使用百度地图api搜索两点位置、连线、计算距离、ip定位 |
您所在的位置：网站首页 › html两点连线 › 使用百度地图api搜索两点位置、连线、计算距离、ip定位 |
使用百度地图api搜索两点位置、连线、计算距离、ip定位
|
欢迎大家点一个关注，支持我的原创文章，谢谢！
正文
现在在企业做web项目时，偶尔会用到地图功能，而当前最流行的无疑是百度地图了，百度地图API为应用开发者提供了强大的功能，以下就介绍关于本人在做项目时关于百度地图的一些实用的功能。 1、下面的代码就是我的html文件，开发者要想使用百度地图API，首先要在百度地图开放平台上申请密钥，然后在html文件中引入百度地图的api文件，这样就能正常使用了 Insert title here $(function(){ //给获取位置按钮注册事件 $("input[name='getPoint']").bind('click',function(){ //获取起始位置 var beginPos=$("input[name='beginPos']").val(); //获取结束位置 var endPos=$("input[name='endPos']").val(); if(beginPos!='' && endPos!=''){ loadMap(beginPos,endPos); }else{ alert('起始位置或结束位置未填写') } }); //ip定位，精度为城市级别 function myFun(result){ var cityName = result.name; $("#msg").html("当前位置："+cityName); } var myCity = new BMap.LocalCity(); myCity.get(myFun); }); //加载地图函数 function loadMap(beginPos,endPos){ //创建一个地图实例 var map = new BMap.Map("map"); //添加平移缩放控件，PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能 map.addControl(new BMap.NavigationControl()); //添加比例尺 map.addControl(new BMap.ScaleControl()); //开启鼠标滚轮缩放 map.enableScrollWheelZoom(); //创建本地搜索 var localSearch = new BMap.LocalSearch(map); //允许自动调节窗体大小 localSearch.enableAutoViewport(); //设置搜索结束时的回调函数 localSearch.setSearchCompleteCallback(function (searchResult) { var pois=new Array(); for(var i=0;i |
【本文地址】
今日新闻 |
推荐新闻 |