Google Maps API不以Marker为中心

Question

我在一个网站上有谷歌地图,根据地址设置标记.

这是一个例子(点击位置标签):http://www.weddinghouse.com.au/wedding-directory/zoning-in-personal-training/

如您所见,地图上没有标记.但是,如果向上滚动,标记就位于视野之外.

我的代码有问题吗？奇怪的是很少有地址实际显示正确,但大多数地址没有.我的代码有问题还是谷歌？

这是我的JavaScript代码:

<script type="text/javascript">
$(document).ready(function(){
    load('Zoning In Personal Training', '27 Sitella Drive, berwick, VIC, 3806');
});
</script>

-

function load(title, address, type) {
    if (GBrowserIsCompatible()) {
        var map;
        var geocoder;

        map_id = document.getElementById("map");
        map = new GMap2(map_id);
        map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(24, 0), 17);
        map.enableDoubleClickZoom();

        if (type == 'sat') {
            map.setMapType(G_SATELLITE_MAP);
            map.addControl(new GHierarchicalMapTypeControl());
        } else {
            map.setMapType(G_NORMAL_MAP);
        }

        geocoder = new GClientGeocoder();
        geocoder.getLocations(address, function (response) {
            map.clearOverlays();
            if (!response || response.Status.code != 200) {
                //map_id.innerHTML('Could not find address on Google Maps');
            } else {
                place = response.Placemark[0];
                point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]);

                map.setCenter(point, 17);

                // Create our "tiny" marker icon
                var icon = new GIcon();
                icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
                icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
                icon.iconSize = new GSize(12, 20);
                icon.shadowSize = new GSize(22, 20);
                icon.iconAnchor = new GPoint(6, 20);
                icon.infoWindowAnchor = new GPoint(5, 1);

                // Creates one of our tiny markers at the given point
                function createMarker(point, index) {
                  var marker = new GMarker(point, icon);
                  var myMarkerContent = "<div style=\"width:200px; overflow:auto;\"><strong>" + title + "</strong><br />" + address + "</div>";
                  map.addOverlay(marker);
                  marker.openInfoWindowHtml(myMarkerContent);
                  GEvent.addListener(marker,"click",function() {
                     marker.openInfoWindowHtml(myMarkerContent);
                   });
                }
                createMarker(point);
            }
        });
    }
}

Answer 1

如果你在谷歌地图中加载页面,然后点击"链接"功能,它会为你提供代码,将网站嵌入为iFrame,而不是乱用API - 你可以尝试这个吗？

还有一个错误,有时标记不居中,特别是在隐藏的div上.解决这个问题的最佳方法是将谷歌地图的iFrame放在一个单独的文件中(例如pages/map.html),然后将其作为页面中iFrame的来源.

例如 - 而不是iFrame src ="maps.google.com/ etc etc"将其作为src ="pages/map.html"

无论如何,这篇文章是6个月大,但迟到总比没有好!