Google maps api 3 谷歌地图API地理定位后首次显示的地图

这段代码获取了一个（400）个标记的大列表，并将其添加到地图中，最后，它显示了包括所有标记的整个地图

我试图实现的是：当地理位置可用时，将地图放在位置的中心，缩放到16级并刷新地图以显示它，否则，让整个大地图显示。。。我已经阅读并尝试了许多不同的方法，但地理定位必须在创建地图之前进行。我想让它在以后发生。我在这里向您显示我的代码和工作站点的临时链接：

---

下面是一个简单的地理定位示例。只需在创建地图对象后的任意位置添加地理位置代码。如果用户不允许地理定位，地图将以默认位置/缩放级别显示

function initialize() {

    var mapOptions = {
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: new google.maps.LatLng(0,0)
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    // Geolocation code
    if (navigator.geolocation) {

        navigator.geolocation.getCurrentPosition(function (position) {

            map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
            map.setZoom(16);
        });
    }
}

initialize();

function initialize() {

    var mapOptions = {
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: new google.maps.LatLng(0,0)
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    // Geolocation code
    if (navigator.geolocation) {

        navigator.geolocation.getCurrentPosition(function (position) {

            map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
            map.setZoom(16);
        });
    }
}

initialize();