[英]Google maps API v3 offset
這是頁面加載時ss的示例
我想要那個信息窗口,然后頁面加載看起來像這個例子
我找到了示例方法,但是由於某種原因我無法實現它。 謝謝您的寶貴時間如何以像素為單位偏移Google地圖(API v3)的中心?
這是我的代碼:
<div id="naMap">
</div>
<script>
document.addEventListener('DOMContentLoaded', drawMap);
var map;
function drawMap() {
var mapOptions = {
zoom: 17,
};
map = new google.maps.Map(document.getElementById('naMap'),
mapOptions);
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
var marker = new google.maps.Marker({
position: pos,
map: map,
'title': 'Franklin',
panControl: false,
zoomControl: false,
scaleControl: false,
mapTypeControl: false
});
var popupContect = '<div class="mapPopup">'
popupContect += '<div class="mapPopupTitle">'
popupContect += '<p> Choose Destination</p>'
popupContect += '</div>'
popupContect += '<div class="devider">'
popupContect += '</div>'
popupContect += '<div class="mapPopupSchools">'
popupContect += '<div class="leftList">'
//41 Forest Rd Bradford Woods, PA 15015
popupContect += '<a href= "http://maps.apple.com/?q=40.63330,-80.07409"> Bradford Woods </a> </br>'
//2401 rochester rd sewickley, Pa 15143
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> Franklin </a> </br>'
//9275 Peebles RdAllison Park, PA 15101
popupContect += '<a href= "http://maps.apple.com/?q=40.57486,-80.00332"> Hosack </a> </br>'
//602 W Ingomar Rd Pittsburgh, PA 15237
popupContect += '<a href= "http://maps.apple.com/?q=40.58206,-80.05358"> Ingomar </a> </br>'
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> FRANKLIN </a> </br>'
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> FRANKLIN </a> </br>'
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> FRANKLIN </a> </br>'
popupContect += '</div>'
popupContect += '<div class="rightList">'
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> FRANKLIN </a> </br>'
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> FRANKLIN </a> </br>'
popupContect += '<a href= "http://maps.apple.com/?q=40.58691,-80.09616"> FRANKLIN </a> </br>'
popupContect += '</div>'
popupContect += '</div>'
popupContect += '</div>'
var infowindow = new google.maps.InfoWindow({
content: popupContect,
maxWidth: 200,
});
infowindow.open(map, marker);
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}
//Error handaling
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}
var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};
var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
</script>
嘗試編寫30至40行代碼后,總會有更簡單的方法來完成此操作:) mapsObject.panBy(200,100); panBy方法將允許您抵消...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.