最近配合后台做管理系统,需要前端用原生html页面嵌入到后台,于是乎...记录下原生JS怎么使用高德地图吧
一.获取高德地图的key
获取地址:高德开放平台https://lbs.amap.com/
1.手机号登录高德开放平台
2.
3、选择web服务,然后提交,就会生成key的值
二.定义放地图的容器,并设置宽高
<style>
#oneMap {
width: 100%;
height: 800px;
}
</style>
<div id="oneMap"></div>
注意:容器的ID 和 第三步初始化地图的 ID保持一致
三.在线加载 JSAPI以及地图初始化
<script type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
// 地图初始化
<script type="text/javascript">
var map