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

在这里插入图片描述

相关阅读:
Python经典习题(二)
0.基本概念——数据结构学习
【高阶数据结构】并查集的实现(含压缩路径)及其应用-C++版本
Bitbucket 使用 SSH 拉取仓库失败的问题
使用HTML制作静态网站作业——我的校园运动会(HTML+CSS)
C++编程零矩阵详解
Java版本spring cloud + spring boot企业电子招投标系统源代码
C语言程序设计——题目：输出特殊图案，请在c环境中运行，看一看，Very Beautiful!
Bioinformatics2022 | AdvProp+：基于集成网络的分子性质预测与药物研发
浅谈一下“敏捷开发”

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