第一步:导入如下内容,红色的部分需要申请(个人通过手机号就可以申请)

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=L8WM6CUqtNOr**********YW3x3df"></script>

第二步:写下面的js

<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(120.161773,30.279131);
    map.centerAndZoom(point,7);//放到的倍数
    // 创建地址解析器实例
    var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上,并调整地图视野,要定位的数据
var a = new Array([["杭州市"],["拱墅区xxxxx"]],[["杭州市"],["滨江区xxxx"]],[["金华市"],["双龙xxxx"]],[["温州市"],["鹿城区xxx"]],[["绍兴市"],["柯桥区xxx"]],[["台州市"],["椒江区xxxx"]],[["台州市"],["黄岩区xxxx"]],[["富阳市"],["富阳区xxx"]],[["杭州市"],["人民路739号"]],[["合肥市"],["蜀山区xxx"]],[["深圳市"],["罗湖区xxxx"]],[["郑州市"],["xxxx"]]);
    
    for(var i=0;i<a.length;i++){
        myGeo.getPoint(a[i][1], function(point){
            if (point) {

                map.centerAndZoom(point, 7);
                map.addOverlay(new BMap.Marker(point));
            }else{
                alert("您选择地址没有解析到结果!");
            }
        }, a[i][0]);
    }
    // 百度地图API功能
    var map = new BMap.Map("allmap");  
    map.centerAndZoom(new BMap.Point(120.161773,30.279131),7);
    setTimeout(function(){
        map.setZoom(7);   
    }, 2000);  //2秒后放大到14级
    map.enableScrollWheelZoom(true);

相关文章:

  • 2021-12-12
  • 2022-12-23
  • 2022-01-11
  • 2021-12-27
  • 2022-12-23
  • 2021-05-30
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-30
  • 2022-02-13
  • 2022-01-29
  • 2022-12-23
  • 2021-12-12
相关资源
相似解决方案