上傳高德地圖-express框架
1.首先要註冊高德地圖，完後成為開發者
2.控制臺裏獲取自己的key值
3.在要顯示地圖的頁面添加如下的代碼
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
<script src="//webapi.amap.com/ui/1.0/main.js"></script>
<div id="container" style="height: 600px"></div>
<script>
var toolBar;
var customMarker = new AMap.Marker({
offset: new AMap.Pixel(-14, -34),//相對於基點的位置
icon: new AMap.Icon({ //復雜圖標
size: new AMap.Size(27, 36),//圖標大小
image: "http://webapi.amap.com/images/custom_a_j.png", //大圖地址
imageOffset: new AMap.Pixel(-28, 0)//相對於大圖的取圖位置
})
});
var map = new AMap.Map(‘container‘, {
resizeEnable: true,
zoom:11,
center: [116.397428, 39.90923]
});
AMap.plugin([‘AMap.ToolBar‘,‘AMap.Scale‘,‘AMap.OverView‘],
function(){
map.addControl(new AMap.ToolBar());
map.addControl(new AMap.Scale());
map.addControl(new AMap.OverView({isOpen:true}));
});
</script>
4.在登錄後的頁面頭加入
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://webapi.amap.com/maps?v=1.4.2&key=您的key值"></script>
上傳高德地圖-express框架