最近手头有一个网站,需要将商家的地址用地图标注出来!首先想到的是百度地图,查了一下百度地图的api这里记录下,供大家研究!
百度地图API地址:
http://developer.baidu.com/map/
WEB服务api说明:
http://developer.baidu.com/map/webservice-geocoding.htm
看一下根据地名调用百度地图图片代码如下:
[html]
<div id="optionsNarrative">
</div>
<script>
function renderOption(response) {
var html = '';
if (response.status ) {
var text = "无正确的返回结果:n";
document.getElementById('optionsNarrative').innerHTML = text;
return;
}
var locations = response.result.location;
var staticimageUrl = "http://api.map.baidu.com/staticimage?center=" + locations.lng+','+locations.lat + "&markers=" + locations.lng+','+locations.lat;
html += '<p><img src="' + staticimageUrl + '"/></p>' ;
document.getElementById('optionsNarrative').innerHTML = html;
return;
document.getElementById('optionsNarrative').innerHTML = html;
}
</script>
<script src='http://api.map.baidu.com/geocoder/v2/?ak=47ec1faf88785f97cb6b9f95bd433fa9&callback=renderOption&output=json&address=青羊区&city=成都&pois=1'></script>
[/html]
还有更多的API说明请参考百度官方网站。