高德地圖之Hello World~
首先去官網擷取一個key
https://lbs.amap.com/
進入控制台建立一個新的應用
填寫資料
添加一個新key
選擇key的類型 這裡用的是web端的key
這樣key就生成好了 把key複制一下
然後建立一個html 把上面拿到的key粘貼過來
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>基本地圖展示</title>
<link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>
<script src="https://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.8&key=**替換你的key**"></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="container"></div>
<script>
var map = new AMap.Map('container', {
resizeEnable: true,
zoom:,
center: [, ]
});
</script>
</body>
</html>
地圖就建立好了
可以自定義地圖樣式 從控制台進入
做好修改之後點選釋出
釋出成功會有個彈出框
把釋出的樣式連結複制
在建立地圖的時候添加樣式
var map = new AMap.Map('container', {
mapStyle:"amap://styles/******",
resizeEnable: true,
zoom:,
center: [, ]
});
完成~