APP开发怎样解决高德地图的使用?深圳APP开发公司我们将向各位APP开发者以及项目规划介绍高德地图的使用方法,高德地图是国内领先的手机地图服务商,其提供的地图服务技术先进、性能优越,为设计人员所青睐。下面这个高德地图应用(详见“4-5.使用高德地图显示用户当前的地理位置.html”网页文件)将在地图上显示用户当前的地理位置并进行标注。
【代码4-5】
01 <! DOCTYPE html> 02 < html> 03 < script language=" javascript" src=" http:// webapi. amap. com/ maps? v= 1. 2"></ script> // 高 德 地图 脚本 04 < body> 05 < div id=" imap" style=" width: 600px; height: 200px;"></ div> // 高 德 地图 容器 06 </ body> 07 < script> 08 window. onload = function(){ // 页面 资源 加载 完毕 后 执行 09 navigator. geolocation. getCurrentPosition( function (position ) { 10 var lnglat = new AMap. LngLat( position. coords. longitude, position. coords. latitude); // 经纬度 对象
11 var mapObj = new AMap. Map(" imap",{ // 实例 化 地图 对象 12 center: lnglat, // 地图 中心点 13 level: 13 // 地图 缩放 登记 14 }); 15 var marker = new AMap. Marker({ // 实例 化 图标 对象 16 map: mapObj, // 地图 对象 17 position: lnglat, // 基点 位置 18 icon:" http:// webapi. amap. com/ images/ marker_ sprite. png", // 图标, 直接 传递 地址 图片 地址 19 offset:{ x:- 8, y:- 34} // 相对于 基点 的 位置 20 }); 21 }, function( error){ 22 debugger; 23 }, { 24 enableHighAccuracy : false, 25 maximumAge : 10, 26 timeout : 8000
27 }); 28 } 29 </ script> 30 </ html>