html5地图定位高德,JS使用高德地图定位

1. 申请开发者 KEY

使用前，请您先申请开发者 Key，这里您可以和 JS-API 共用同一个开发者 Key。

2. 引入 JS-API，其中开发者 key 和版本号 v 必填

3. 创建地图实例

在使用地图前，我们需要创建一个容器用于显示地图底图，这一步和 JS-API 一样，通过 AMap.Map创建。

var map = new AMap.Map("mapCon", {

resizeEnable: true, //是否监控地图容器尺寸变化

zoom:12//级别

});

4. 代码实例

JS使用高德地图定位

(function(doc, win) {

var docEl = doc.documentElement,

resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",

recalc = function() {

if (docEl.clientWidth > 750) {

docEl.style.fontSize = "100px";

doc.getElementById("app").style.width = "750px";

} else {

var width = docEl.clientWidth / 7.5;

docEl.style.fontSize = width + "px";<