Google Maps API v3偏移

Question

这是页面加载时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>

Answer 1

尝试编写30至40行代码后，总会有更简单的方法来完成此操作：) mapsObject.panBy（200，100）; panBy方法将允许您抵消...