高德地图地理编码

最新推荐文章于 2025-06-07 11:51:51 发布

笑倾尘

最新推荐文章于 2025-06-07 11:51:51 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：高德地图文章标签：高德地图地理编码

本文链接：https://blog.youkuaiyun.com/qq_36436290/article/details/101379984

本文介绍了如何导入高德地图的css和js文件，通过js代码创建地图并设置缩放级别。同时，讲解了如何增强地图功能，添加包括缩放、平移和定位在内的各种插件，以提升地图交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

高德地图地理编码

导入高德地图css和js文件地址

    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.Geocoder"></script>
    <script src="https://cache.amap.com/lbs/static/es5.min.js"></script>

js代码

创建id为largeMapContent的div盒子

    var map = new AMap.Map("largeMapContent", {
   
   
        resizeEnable: true,
        center: [120.552868,31.307496]//设置地图中心点坐标
    });
        var geocoder = new AMap.Geocoder({
   
   
        // city: "010", //城市设为北京，默认：“全国”
    });
    var marker = new AMap.Marker();
        function geoCode() {
   
   
        //开发中address从后台获取值
        var address  = "塔园路233号津西新天地2号楼";
        geocoder.getLocation(address, function(status, result) {
   
   
            if (status === 'complete'</