百度地图 v1_代码笔记

百度地图 v1

2025-11-19 08:34:44  浏览:32  作者:保利尼奥
<div id="map"></div> <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nSxiPohfziUaCuONe4ViUP2N"></script> <script> ...
<div id="map"></div>


<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nSxiPohfziUaCuONe4ViUP2N"></script>
   
<script>
        let map = new BMapGL.Map('map');
        let point = new BMapGL.Point(32.020998,31.398643);
        map.centerAndZoom(point, 16);
        // 创建点标记
        let marker = new BMapGL.Marker(point, {
            enableDragging: true
        });
        map.addOverlay(marker);
        // 创建信息窗口
        let opts = {
            width: 200,
            height: 100,
            title: '祥云平台'
        };
        let infoWindow = new BMapGL.InfoWindow('地址:苏州市昆山市昆太路530号祥和国际大厦', opts);
        // 点标记添加点击事件
        marker.addEventListener('click', function () {
            map.openInfoWindow(infoWindow, point); // 开启信息窗口
        });
</script>


评论区

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机内容】

返回顶部