高德地图开发从入门到精通之一：高德地图加载

（1）首先在html主页面中引入高德地图的JavaScript文件：

<script src="https://webapi.amap.com/maps?v=2.0&key=yourkeys"></script>

建议使用高德最新的2.0版，“yourkeys”是你在高德申请的key值，申请方法如下：

在弹出的框中，输入应用名称，并选择应用类型：

新建应用完成后，即可在控制台看到该应用，复制该应用的Key值，换入”yourkeys”中即可。
（2）高德地图初始化加载
在html主页面新建一个空的div标签，为其设置id（该id与地图初始化标签相对应），如下：

然后编写java script代码，如下：

map = new AMap.Map("main", {resizeEnable: true,center: [113.851563, 22.761749],//[114.041206765, 22.650795773],zooms: [7, 24],zoom: 7,viewMode: '3D',pitch: 0,//showLabel: false, //不显示地图文字标记features: ['bg', 'road', 'building', 'point'],mapStyle: 'amap://styles/blue'//light
});

其中“viewMode”设置为是否显示为三维浏览模式，“pitch”为设置为三维模式后的地图倾斜度，“zooms”设置为地图的显示级别，“zoom”设置为地图初始化之后地图显示的级别，“mapStyle”为地图的显示样式；“center”为地图初始化之后的地图显示中心点。

高德地图开发从入门到精通之一：高德地图加载相关推荐

高德地图开发之地图配置及vue上初始化创建地图
开门见山地说,现如今地图相关的开发业务在工作中越来越常见,目前市面上主流的地图开发还是以百度和高德为主,今天就来讲一下高德地图的配置和在vue上的初始化创建,帮助大家更好更快的了解高德地图开发相关的 ...
《iPad开发从入门到精通》——6.5节地图信息
本节书摘来自异步社区<iPad开发从入门到精通>一书中的第6章,第6.5节地图信息,作者杨春泽,更多章节内容可以访问云栖社区"异步社区"公众号查看 6.5 地图信息 ...
Android开发从入门到精通
Android开发从入门到精通 --Android经典教程目录目录 1 第一章什么是Android 1 什么是Android - 嵌入式设备编程的历史-第一章(1) 1 开放手机联盟和And ...
快速掌握Web高德地图开发
本文章致力于帮助对Web高德地图开发感兴趣的朋友快速掌握开发要领,如果能对屏幕前的您有所助益,我将十分荣幸. 如何快速掌握Web高德地图开发? 要领如下: 一. 首先要知道高德地图本身有提供开放的地图 ...
《iOS移动开发从入门到精通》图书连载一：如果你也想开发一款自己的APP，可以看一下这篇文
前言:互联网+时代给自己多一个选择的机会,尝试开发一款属于自己的APP,绝对是件激动人心的事情!<iOS移动开发从入门到精通>已经上市并和大家见面.从今天起,我会将把图书的部分内容以连载的 ...
视频教程-iOS移动开发从入门到精通(Xcode11 Swift5)-iOS
iOS移动开发从入门到精通(Xcode11 & Swift5) 15年以上IT行业工作经验.8年以上IT行业教学经验.丰富的项目经验和授课经验,授课形式不拘一格.熟悉iOS开发,网页开发.Ja ...
《Java 开发从入门到精通》—— 2.2 编写第一段Java程序
本节书摘来异步社区<Java 开发从入门到精通>一书中的第2章,第2.2节,作者: 扶松柏 , 陈小玉,更多章节内容可以访问云栖社区"异步社区"公众号查看. 2.2 编 ...
《Visual C++ 开发从入门到精通》——2.7　变量
本节书摘来自异步社区出版社<Visual C++ 开发从入门到精通>一书中的第2章,第2.7节,作者: 王东华 , 李樱,更多章节内容可以访问云栖社区"异步社区"公众号 ...
《ASP.NET 开发从入门到精通》----2.3 编译和部署ASP.NET程序
本节书摘来自异步社区<ASP.NET 开发从入门到精通>一书中的第2章,第2.3节,著张明星 ,责任编辑张涛, 更多章节内容可以访问云栖社区"异步社区"公众号查看 ...

高德地图开发从入门到精通之一：高德地图加载

高德地图开发从入门到精通之一：高德地图加载相关推荐

最新文章

热门文章