网页中调用百度地图的方法及模板收集.pdfVIP

网页中调用百度电子地图的方法及代码模板 大家先看一下效果： 下面介绍方法： 1、首先打开百度地图的坐标拾取网 页 /lbsapi/getpoint/index.html ，找到你标注的地点的 坐标，复制下来。 2 、调用下面的代码，将其中的红色部分改为你复制的坐标，注意有两处要改， 下面一处经度和纬度之间是 “不是逗号。| ” 3 、将蓝色部分的信息改为你要显示的信息。 4 、其中“ (point, 15) ”是改默认打开尺寸的代码详细解释为： 百度地图自身有 17 个级别，如下： 1. { 20m , 50m , 100m , 200m , 500m , 1km , 2km , 5km , 10km , 20km , 25km , 50 km , 100km , 200km , 500km , 1000km , 2000km } 但是，提供的开发包只支持 16 个级别， Level: 18~3, 比例尺如下： 1. { 50m , 100m , 200m , 500m , 1km , 2km , 5km , 10km , 20km , 25km , 50km , 1 00km , 200km , 500km , 1000km , 2000km } 模板中 point 级别为 15 即默认放大倍数为 500m ，如果你想更改为默认放大到 10km ，把粉色部分 15 改为 11 即可。 5 、绿色部分为 div 部分，你该怎么改就怎么改，可以直接改 style 的部分，也可 以在 CSS 中改。改好了就 OK 了。 !-- 引用百度地图 API-- style type=text/css html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-left:1 3px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;w ord-wrap:break-word}/style script type=text/javascript src=/api?key=v=1.1services=true/script!-- 百度地图容器 --span style=display: nonenbsp;/spanspan style=display: nonenbsp;/spanspan style=display: nonenbsp;/spanspan style=display: nonenbsp;/span div id=dituContent style=border: #ccc 1px solid; width: 660px; height: 500px; text-align: center nbsp;/div !--120.848025,31.577512-- span style=display: nonenbsp;/spanspan style=display: nonenbsp;/spanspan style=display: nonenbsp;/spanspan style=display: nonenbsp;/spanscript type=text/javascript // 创建和初始化地图函数： function initMap(){ createMap();// 创建地图 setMapEvent();// 设置地图事件 addMapControl();// 向地图添加控件 addMarker();// 向地图中添加 marker } // 创建地图函数： function createMap(){ var map = new BMap.Map(dituContent);/