WebGIS(一):高德地图API-显示地图

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>地图显示title>
    
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode: 'c491de06e914def9fb0608a7b64912c7',
        }
    script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=239135b2328613b10a3d59c3c1ff4f63">script>

    
    <style>
        #container{
            width:500px;
            height: 500px;
        }
    style>
head>

<body>
    
    <div id="container">div>
    
    <script>
        //定义一个变量保存一个对象
        var map = new AMap.Map('container')
    script>
body>

html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

在这里插入图片描述

相关阅读:
MySQL导入导出&视图&索引&执行计划
Photoshop制作白色可爱音乐播放图标面板
LeetCode617. Merge Two Binary Trees
掌控未来，爱普生SR3225SAA用于汽车钥匙、射频电路的智慧引擎
剑指offer 70. 圆圈中最后剩下的数字
MySQL学习6：索引
MCSM面板搭建教程和我的世界Paper服务器开服教程
C语言中这么骚的退出程序方式你知道几个？
sip服务器国标gb28181
linux内存监控

原文地址：https://blog.csdn.net/weixin_46441425/article/details/126692394