您的位置:网站主页> 个人总结 > 百度地图获取各城市精度、纬度参数生成百度地图

百度地图获取各城市精度、纬度参数生成百度地图

时间:2019-04-17 15:52:38   编辑:一切随缘   文章来源:编程入门教程 已阅读:47 次

编程入门教程[www.ask186.com]网站介绍 

    编程入门教程主要涉及WEB开发领域,主要为广大WEB开发人员提供最新的WEB开发资讯信息,包含php教程mysql教程php面试题在线调色板php学习以及常用( Amazon ApiGoogle Api)等API、爱问资源共享HTML转JS不显示xml...[详细]
广告投放: 编程入门教程:www.ask186.com 电话:15818865556

  百度地图获取各城市精度、纬度参数生成百度地图

 
我们可以通过http://www.gpsspg.com/maps.htm站点输入地址获取到精度纬度,然后在对应传入参数即可
 
<script src="jquery.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gs0ZjBjw4GO673KUlMpPcnj23V2QpRfw"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gs0ZjBjw4GO673KUlMpPcnj23V2QpRfw"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
<script>
function setmap(title,addr,tel,j,w,uri){
var map = new BMap.Map('map-box');
var poi = new BMap.Point(j,w);
map.centerAndZoom(poi, 16);
map.addControl(new BMap.NavigationControl());
map.enableScrollWheelZoom();
var local = new BMap.LocalSearch();
local.search( "广州" );
var content = '<div style="margin:0;line-height:20px;padding:2px;">详细地址:' + addr + '<br /><div style="margin-top:6px;"><a class="to-way" href="'+uri+'" target="_blank">乘车线路</a></div></div>';
//创建检索信息窗口对象
var searchInfoWindow = null;
searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
title: title,      //标题
width: 290,             //宽度
minHeight: 130,              //高度
panel: "panel",         //检索结果面板
enableAutoPan: true,     //自动平移
searchTypes: []
});
var marker = new BMap.Marker(poi); //创建marker对象
map.addOverlay(marker); //在地图中添加marker
searchInfoWindow.open(marker);
marker.addEventListener("click", function (e) {
searchInfoWindow.open(marker);
})
}
setmap("穗景旗舰店","广州市白云区机场路581号穗景大厦b座首层","","113.2659389566","23.1798402108","http://api.map.baidu.com/direction?origin=latlng:23.1798402108,113.2659389566|name:我的位置&destination=穗景旗舰店&mode=driving&region=广州&output=html");
$(function(){
$('.mymap li').hover(function(){
setmap($(this).attr('data-title'),$(this).attr('data-addr'),$(this).attr('data-tel'),$(this).attr('data-j'),$(this).attr('data-w'),$(this).attr('data-uri'));
},function(){
return false;
});
$('.mymap li').click(function(){
setmap($(this).attr('data-title'),$(this).attr('data-addr'),$(this).attr('data-tel'),$(this).attr('data-j'),$(this).attr('data-w'),$(this).attr('data-uri'));
});
})
</script>
  • 上一篇:
  • 下一篇:没有了

本文地址:http://www.ask186.com/content/article/zj/32023.html(转载请保留)

相关关键词搜索:百度地图获取各城市精度、纬度参数生成百度地图

发表评论
      
* 以上用户言论只代表其个人观点,不代表www.ask186.com网站的观点或立场
推荐文档更多
编程入门教程 | PHP教程 | Mysql教程 | Apache教程 | 最新文章 | PHP面试题| 网站地图 | Google地图 | Baidu地图 | 在线WEB论坛| 中纪委反腐最新消息

WEB技术QQ交流群:151963186 站长Q号:547214413
版权所有者:编程入门教程 地址:云南省文山州砚山县盘龙乡 滇ICP备12002707号-1
特别声明:本站内容仅供参考,不作为设计及确切依据!想了解更多,可立即进入Bbs提问