高德JS API——改变地图中心点及缩放级别

最新推荐文章于 2023-06-01 16:50:50 发布

转载最新推荐文章于 2023-06-01 16:50:50 发布 · 置顶 · 2.9w 阅读

收录于

高德API 专栏收录该内容

11 篇文章

订阅专栏

本文展示了一个使用高德地图API创建地图并设置中心点及缩放级别的示例。通过JavaScript代码实现地图初始化，并在点击按钮后更新地图的中心位置及缩放级别，同时在新的中心点添加标记。

 var map = new AMap.Map('container', {
        resizeEnable: true,
        center: [116.397428, 39.90923],
        zoom: 13
    });
AMap.event.addDomListener(document.getElementById('setCenter'), 'click', function() {
        // 设置缩放级别和中心点
        map.setZoomAndCenter(14, [116.205467, 39.907761]);
        // 在新中心点添加 marker 
        var marker = new AMap.Marker({
            map: map,
            position: [116.205467, 39.907761]
        });
    });