php 高德地标编码实例,批量地理编码-地理编码-示例中心-JS API 2.0 示例 | 高德地图API...

该博客介绍了如何使用HTML和AMap.js库在网页上实现批量地理编码功能,通过JavaScript获取用户输入的多个地址,调用高德地图API进行定位,并在地图上标记。关键代码展示了如何创建地图、Geocoder实例以及地址解析和显示的过程。
摘要由CSDN通过智能技术生成
批量地理编码

html,

body,

#container {

height: 100%;

width: 100%;

}

.btn {

width: 10rem;

margin-left: 6.8rem;

}

地址:

朝阳区阜荣街10号

朝阳区广顺南大街13号

朝阳区阜通西大街17号

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

resizeEnable: true

});

var geocoder = new AMap.Geocoder({

city: "010", //城市设为北京,默认:“全国”

});

var markers = [];

function geoCode() {

map.remove(markers);

markers = [];

var addresses = document.getElementById('address').textContent.trim().split('\n');

geocoder.getLocation(addresses, function (status, result) {

if (status === 'complete' && result.geocodes.length) {

for (var i = 0; i < result.geocodes.length; i += 1) {

var marker = new AMap.Marker({

position: result.geocodes[i].location

});

markers.push(marker);

}

map.add(markers);

map.setFitView(markers);

}

});

}

document.getElementById("geo").onclick = geoCode;

document.getElementById('address').onkeydown = function (e) {

if (e.keyCode === 13) {

geoCode();

return false;

}

return true;

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值