高德地图 JavaScript API 的开发流程

最新推荐文章于 2024-05-26 21:47:27 发布

eaphy

最新推荐文章于 2024-05-26 21:47:27 发布

阅读量728

点赞数

分类专栏： js&jq 文章标签：高德地图 javascript

本文链接：https://blog.csdn.net/eaphyy/article/details/73478913

版权

本文详细介绍了如何使用高德地图JavaScript API进行地图开发，包括注册获取API key，引入API，创建地图容器，初始化地图，添加地图控件，以及绘制点标记、折线、多边形和圆形等操作。更多内容可参考官方文档。

摘要由CSDN通过智能技术生成

准备工作：

使用高德地图的 JavaScript API 开发程序前，首先需要去其官网注册个账号，申请一个key

引入高德 JavaScript API：

<head> 
    <script language="javascript" src="http://webapi.amap.com/maps?v=1.3&key=申请的key值"></script>
</head>

创建地图容器：

<div id="container"></div>

地图的初始化：

var map = new AMap.Map('container', {
        zoom:11,           //地图显示的缩放级别
        center: [116.397428, 39.90923

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注