0
標記附近的配合映射我使用gmap3插件顯示結果在谷歌地圖 有文本框字段,當有人類型例如在紐約鎮「紐約」許多標記,我想要地圖縮放並適合紐約,並在這個地方顯示所有的標記? 如何做到這一點? 爲展示你的,我想看看這個網站的內容:padmapper.com搜索與標記和縮放,與gmap3
,這是我的代碼:
$(function(){
$("#main-map").gmap3({
map:{
options:{
center:["newyork"]
}
},
marker:{
values:[
{latLng:[48.8620722, 2.352047]},
{address:"86000 Poitiers, France"},
{address:"66000 Perpignan, France"}
],
}
});
$('#ok').click(function(){
var addr = $('#Address').val();
if (!addr || !addr.length) return;
$("#main-map").gmap3({
getlatlng:{
address: addr,
callback: function(results){
if (!results) return;
$(this).gmap3({
marker:{
latLng:results[0].geometry.location,
map:{
options:{
center: addr ,
zoom: 12
},
center: addr
}
}
});
}
}
});
});
$('#Address').keypress(function(e){
if (e.keyCode == 13){
$('#ok').click();
}
});
});
和HTML代碼
<div id="main-map">
</div>
<input type="text" placeholder="City, Address, or Zip" name="goToAddress" style="margin-left:5px; width:215px;" id="Address">
<button id="ok" type="button">Go</button>