百度地图API的第一次接触——热区

时间:2022-08-01 16:26:37

1.代码很简单

    var map = new BMap.Map("container");
    var point = new BMap.Point(116.404, 39.915); 
    map.centerAndZoom(point, 15);   
                     
    map.addControl(new BMap.NavigationControl());
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
                     
    var hotSpot = new BMap.Hotspot(map.getCenter(), {
        text : "Hello,这儿是北京*!",
        // 设置缩放比例区间,不在此区间时,热区不会显示
        minZoom : 8,
        maxZoom : 18
    });
    map.addHotspot(hotSpot);
                     

 

2.浏览器结果

百度地图API的第一次接触——热区

3.问题

热区一定要1.2以上版本才能支持,我最开始引用的是1.0版本,浏览器报错,看了API文档才知道是1.2才支持的。

<script type="text/javascript" src="http://api.map.baidu.com/api?key=nSLAsnwsE7t0omGtbXgjd95c&v=1.2&services=false"></script>