js中的高德地图

1、引入高德地图API

<script type="text/javascript"

src="https://webapi.amap.com/maps?v=1.4.6&key=你的key值"></script>

2、创建地图

<div id="map" style="height: 400"></div>

3、JavaScript中的实现

var map = new AMap.Map('map',{
      resizeEnable: true,
                     zoom: 18,
                     center: [Longitude, Latitude]
        });
        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}));  //鹰眼
        });

        var marker = new AMap.Marker({map:map});

}）;

结果运行截图: