web集成高德地图

<div id="addressMap"></div>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.6&key=申请的key值"></script>

// 新建高德地图对象 ???var map = new AMap.Map("addressMap", { ??????????????// 填写ID ???????center: [114.1827800000, 22.3060300000], ????????// 经纬度 ???????zoom: 17 ????????// 放大系数 ???}); ???// 增加高德地图插件 ???AMap.plugin( ???????["AMap.ToolBar", "AMap.Geolocation"], ???????function () { ???????????//异步加载插件 ???????????var toolbar = new AMap.ToolBar(); ???????????map.addControl(toolbar); ???????????var geolocation = new AMap.Geolocation(); ???????????map.addControl(geolocation); ???????????var marker = new AMap.Marker({ ???????????????position: [114.1827800000, 22.3060300000], ???????????????title: ‘某地方‘, ???????????????topWhenClick: true, ???????????????visible: true, ???????????????animation: ‘AMAP_ANIMATION_BOUNCE‘, ???????????????clickable: true, ???????????????label: {content: ‘<span style="color:rgb(0,0,0);">某地方</span>‘} ???????????}); ???????????map.add(marker); ???????} ???);