第四章WebGIS开发——第1节-开发准备

GIS开发特训营

已于 2022-03-24 13:39:32 修改

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： 3天学会WebGIS开发-从入门到精通文章标签： gis 前端 javascript

于 2022-03-21 15:36:39 首次发布

本文链接：https://blog.youkuaiyun.com/gis_witch/article/details/123637109

3天学会WebGIS开发-从入门到精通专栏收录该内容

17 篇文章

订阅专栏

本文指导如何通过简单配置使用高德开放平台地图JSAPI v2.0，提供安全密钥和API key示例，助您快速上手开发地图应用。

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

使用高德开放平台, 只需要做一些非常简单的配置即可。

在学习高德API时, 最好的方式就是阅读参考官方文档

概述-地图 JS API v2.0 | 高德地图API

本节, 我们先完成基本的开发准备

<script type="text/javascript">
  window._AMapSecurityConfig = {
      securityJsCode:'您申请的安全密钥',
  }
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>

示例：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="text/javascript">
      window._AMapSecurityConfig = {
        securityJsCode: '8e98f2628937efdfb72045f19b564185',
      }
    </script>
    <script
      type="text/javascript"
      src="https://webapi.amap.com/maps?v=2.0&key=6e84ad8efab17b016b72ff63aab13a85"
    ></script>
  </head>
  <body>
    <script>
      console.log(AMap)
    </script>
  </body>
</html>

戳我领取完整版课程试听：

领取免费GIS开发试听课程https://www.wjx.cn/vj/e68jhwR.aspx