java js 高德api_[Java教程]高德地图 JS API

[Java教程]高德地图 JS API

0 2018-07-31 23:01:45

德地图 JS API 使用前的准备工作请参考官方网站说明： https://lbs.amap.com/api/javascript-api/guide/abc/prepare

根据地名实现地图标记定位，主要依赖高德地图的：地理编码与逆地理编码。下面来看具体的实现代码：

1. HTML (地图容器)

2. JAVASCRIPTfunction markLocation(mapId, address) { AMap.plugin('AMap.Geocoder', function() { var geocoder = new AMap.Geocoder(); geocoder.getLocation(address, function(status, result) { if (status === 'complete' && result.info === 'OK') { // 经纬度 var lng = result.geocodes[0].location.lng; var lat = result.geocodes[0].location.lat; // 地图实例 var map = new AMap.Map(mapId, { resizeEnable: true, // 允许缩放 center: [lng, lat], // 设置地图的中心点 zoom: 15 　　　　　　 // 设置地图的缩放级别，0 - 20 }); // 添加标记 var marker = new AMap.Marker({ map: map, position: new AMap.LngLat(lng, lat), // 经纬度 }); } else { console.log('定位失败！'); } }); });}

方法写好了，调用很简单了：// 传入地图容器ID 和 地名markLocation('container', '湖北省武汉市');

3. 效果图

本文网址：http://www.shaoqun.com/a/365247.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

JS

0