网页中调用百度地图的方法及模板

网页中调用百度地图的方法及模板

ID:11405132

大小:275.00 KB

页数:6页

时间:2018-07-11

网页中调用百度地图的方法及模板_第1页
网页中调用百度地图的方法及模板_第2页
网页中调用百度地图的方法及模板_第3页
网页中调用百度地图的方法及模板_第4页
网页中调用百度地图的方法及模板_第5页
资源描述:

《网页中调用百度地图的方法及模板》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、网页中调用百度电子地图的方法及代码模板大家先看一下效果:下面介绍方法:1、首先打开百度地图的坐标拾取网页 http://api.map.baidu.com/lbsapi/getpoint/index.html,找到你标注的地点的坐标,复制下来。2、调用下面的代码,将其中的红色部分改为你复制的坐标,注意有两处要改,下面一处经度和纬度之间是“

2、”不是逗号。3、将蓝色部分的信息改为你要显示的信息。4、其中“(point,15)”是改默认打开尺寸的代码详细解释为:百度地图自身有17个级别,如下:1.{"20m","50m","100m","200m","500m","

3、1km","2km","5km","10km","20km","25km","50km","100km","200km","500km","1000km","2000km"}  但是,提供的开发包只支持16个级别,Level:18~3,比例尺如下:1.{"50m","100m","200m","500m","1km","2km","5km","10km","20km","25km","50km","100km","200km","500km","1000km","2000km"}  模板中point级别为15即默认放大倍数为500m,如果你想更改为默认放大到1

4、0km,把粉色部分15改为11即可。5、绿色部分为div部分,你该怎么改就怎么改,可以直接改style的部分,也可以在CSS中改。改好了就OK了。html,body{margin:0;padding:0;}  .iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-left:13px;white-space:nowrap}  .iw_poi_content{font:12px

5、arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} &n

6、bsp;   

 

7、>     //创建和初始化地图函数:  functioninitMap(){    createMap();//创建地图    setMapEvent();//设置地图事件    addMapControl();//向地图添加控件    addMarker();//向地图中添加marker  }     //创建地图函数:  

8、functioncreateMap(){    varmap=newBMap.Map("dituContent");//在百度地图容器中创建一个地图    varpoint=newBMap.Point(120.848025,31.577512);//定义一个中心点坐标    map.centerAndZoom(point,15);//设定地图的中心点和坐标并将地图显示在地图容器中    window.map=map;//将map变量存储在全局  }     //地图事件设置函数:  functionsetMapEvent(){    map.enableDra

9、gging();//启用地图拖拽事件,

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签