1.今天开始学习我们的webgis,此处采用高德地图所以需要各位小伙伴去高德开放平台去申请开发的key
高德开放平台 | 高德地图API (此为申请网站)
注册账号后,点击 控制台 -> 应用管理 -> 我的应用 -> 创建新应用 去申请
申请之后,会有key值和安全密匙(记住了,很重要!后续都要用)
(注:在引入资源的部分,都需要你的key和你的安全密匙)
- 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>地图显示title>
-
- <script type="text/javascript">
- window._AMapSecurityConfig = {
- securityJsCode:'你的安全密匙',
- }
- script>
- <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=你的key">script>
-
- <style>
- #container{
- width: 300px;
- height: 300px;
- }
- style>
- head>
- <body>
-
- <div id="container">div>
-
- <script>
- // 定义一个变量,保存一个对象
- var map = new AMap.Map('container')
-
- script>
- body>
- html>