一,后台添加标记
/*#latlng是经纬度的文本框*/
/*#title是地址的文本框*/
/*获取地址需要你的应用开启webservice*/
qq.maps.event.addListener(map, "click", function (e) {
$('#latlng').val(e.latLng.getLng().toFixed(6) + "," + e.latLng.getLat().toFixed(6));
url3 = encodeURI("https://apis.map.qq.com/ws/geocoder/v1/?location=" + e.latLng.getLat() + "," + e.latLng.getLng() + "&key=ukey&output=jsonp&&callback=?");
$.get(url3, function (result) {
if(result.result!=undefined){
$('#title').val(result.result.address);
}
})
});
二,前台显示标记
/*data_info是服务器获取的标记数据集*/
/*item.content是后台添加的自定义内容*/
data_info = jQuery.parseJSON($(".val").val());
for(var i=0;i<data_info.length;i++){
var item = data_info[i];
var mkr = new qq.maps.LatLng(item.lat,item.lng);
var marker = new qq.maps.Marker({
position: mkr,
map: map
});
var title = item.title;
var content = item.content;
addClickHandler(title,content,marker);
}
function addClickHandler(title,content,marker){
qq.maps.event.addListener(marker, 'click', function(){
info.open();
info.setContent('<div class="popinf"><h4>'+title+'</h4>'+content+'</div>');
info.setPosition(marker);
});
}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。