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;
};