jquery使用离线高德地图

qq_2524963996

已于 2023-03-17 13:40:40 修改

阅读量1k

点赞数 1

文章标签：前端 javascript

于 2023-02-20 23:56:59 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44161703/article/details/129134199

版权

第一步是：先引入相关的离线地图包
百度网盘分享位置：
链接: https://pan.baidu.com/s/1T-PA1zGJASx0p8fr4Ey_mA?pwd=1258 提取码: 1258 复制这段内容后打开百度网盘手机App，操作更方便哦

第二步是添加key

<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode:'2a00584086e3f733e2d12d7bc9753438',
    }
</script>

<script  type="text/javascript" src="/js/map-api-1.4.14.js?v=2.0&key=89db952f25f47287f00f9071bbf321e6&plugin=AMap.Geocoder" th:src="@{/js/map-api-1.4.14.js?v=1.4.14&key=89db952f25f47287f00f9071bbf321e6&plugin=AMap.Geocoder}"></script>

第三步：创建实例

// 地图
map = new AMap.Map('container', {
    zoom:10,//级别
    center: [121.479921, 31.286758],//中心点坐标
    viewMode:'3D',//使用3D视图
    features: ['bg', 'road'],
    showIndoorMap: false,
});