使用高德地图api在页面中展示地图

写页面的时候需要用到地图或者其他好看的图表，很多api使用都有官方文档可以查看，用起来很方便。

高德地图api的使用主要有以下几点：

1.引入JS API 的入口脚本标签并将key值换成自己的

2.创建地图容器容纳地图（可以设置宽高）

3.创建地图实例对象（同时可以给地图设置中心点、级别、显示模式、自定义样式等属性）

<!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 src="https://webapi.amap.com/maps?v=1.4.15&key=972811d84f30f8e6f429f62d797c4e4b"></script>
</head><body><!-- 创建地图容器 --><div id="container" style="width: 300px; height: 180px;"></div><script>//创建地图实例对象//var map = new AMap.Map('container');var map = new AMap.Map('container',{zoom: 11,//级别center: [116.397428, 39.90923],//中心点坐标viewMode: '3D'//使用3D视图});</script>
</body>
</html>

这样就完成了一个简单的地图

上面只是标准地图，官方文档中还有一些更多的样式以及图层的叠加等等

图表api链接：通用 API | G2PlotA collection of charts made with the Grammar of Graphicshttps://g2plot.antv.vision/zh/docs/api/plot-api高德地图api：

准备-入门-教程-地图 JS API | 高德地图API高德开放平台官网https://lbs.amap.com/api/javascript-api/guide/abc/prepare

使用高德地图api在页面中展示地图相关推荐

【高德地图API】汇润做爱地图技术大揭秘
原文:[高德地图API]汇润做爱地图技术大揭秘昨日收到了高德地图微信公众号的消息推送,说有[一大波免费情趣用品正在袭来],点进去看了一眼,说一个电商公司(估计是卖情趣用品的)用高德云图制作了一张可以 ...
如何在页面中添加地图
如何在页面中添加地图百度地图开放平台在本节案例中,我会向大家展示如何在页面中添加地图. 前置准备首先这里我选择百度地图API,首先你需要申请成为百度开发者点这里,接着你需要填写一些项目内容,最后 ...
Python调用高德地图API实现经纬度换算、地图可视化
作者 | 糖甜甜甜出品 | 经管人学数据分析 Python调用高德地图API实现经纬度换算.地图可视化前地图可视化的工具和函数比较多,但是在不知道相关地点经纬度的情况下,通过python调用高德地 ...
你还在为高德地图找不到门牌号等详细地址而烦恼吗？你还在等什么——Python调用高德地图API实现经纬度换算、地图可视化
Python调用高德地图API实现经纬度换算.地图可视化前地图可视化的工具和函数比较多,但是在不知道相关地点经纬度的情况下,通过python调用高德地图API实现经纬度换算,并且直接在高德地图新推出 ...
如何把python可视化到前端_python数据可视化的效果如何在web页面中展示_北京可视化股票...
有什么APP可以展示可视化的任务进度可视化任务进度软件,使用敬业签,具体可视有事项开始时间,进度及人.还有结束时间以及人员处理速等等,更多功能如下: 1.敬业签是一款功能比较全面的桌面便签软件,分为 ...
利用百度地图api将excel中的经纬度数据可视化
利用百度地图api将excel中的经纬度数据可视化因为本人最近在研究2019年研究生数学建模华为杯D题,想将它3个excel文件汽车的经纬度数据在地图上画出来,找了很多方法才实现.现将它分享给大家, ...
手把手的教你用MapABC的地图API制作自己的免费地图
[前言:] 2008年2月,中国知名地图服务商MapABC(www.mapabc.com )发布免费API(地图通用接口), 这个接口一经发布后,得到了大量中小网站的热烈欢迎和响应.截止到2008年1 ...
高德地图在H5页面中的使用(VUE)
业务背景公司原来用的百度地图,进行一个定位搜索,获取地址的经纬度,然后计算距离的.现在让我替换成高德地图,所以我研究了两天高德地图的API,现在总结一下. 前提需求要想使用高德地图API就得有高德 ...
百度地图API进行网页地点展示
目录过程首先呢接着呢然后呢最后呢成果后记丶墨在这篇文章当中呢,这是一份价值上千的python数据分析实战,我们获取到了我们所需要的数据,并在命令行页面进行了简单的数据分析,那么今天呢 ...
利用百度地图API,在浏览器中找到自己的位置
首先你得有个百度地图的秘钥,http://lbsyun.baidu.com/apiconsole/key 剩下的就是编码了这里面会用到一个javascript里的一个函数,getMyLocation ...

使用高德地图api在页面中展示地图

使用高德地图api在页面中展示地图相关推荐

最新文章

热门文章