1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 5 <style type="text/css"> 6 body, html{ 100%;height: 100%; margin:0;font-family:"微软雅黑";} 7 #l-map{height:300px;500px;} 8 9 </style> 10 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9ulK3i81gwkMIabFKPbORZzaTY6NRHFx"></script> 11 <title>本地搜索的结果面板</title> 12 </head> 13 <body> 14 <div id="l-map"></div> // 直接通过修改div的宽高来改变实现对生成地图大小的改变 15 </body> 16 </html> 17 <script type="text/javascript"> 18 // 百度地图API功能 19 var map = new BMap.Map("l-map"); // 创建Map实例 20 map.centerAndZoom(new BMap.Point(120.188287,30.194381), 11); 21 var local = new BMap.LocalSearch(map, { 22 renderOptions: {map: map} 23 }); 24 local.search("这里输入想要定位的地址");// 这里输入想要定位的地址 25
</script>
可以通过改变地址url中的参数来对地图进行修改
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9ulK3i81gwkMIabFKPbORZzaTY6NRHFx"></script>
把上面的地址修改成这样：
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
参数由：
v=2.0&ak=9ulK3i81gwkMIabFKPbORZzaTY6NRHFx //9ulK3i81gwkMIabFKPbORZzaTY6NRHFx 这是账户申请的秘钥
变成了:
key=&v=1.1&services=true
然后地图就有了变化
地图的定位范围变大了