javascript - ASP.NET Google Maps API v2 工作正常，v3 不工作

Question

我一直在尝试将 google map 上的 map (和标记)添加到 asp.net web 应用程序中，并使其正常工作。然后我发现我使用的是 GMap API v2 而不是 v3。 然后我在 v3 中再次创建了 map ，但现在它不会显示。

这是我的 v3 代码:

<script type="text/javascript">
    function initialize() {
        var homeLatlng = new new google.maps.LatLng(57.048909, 9.921521); //McDonald's

        var mapOptions = {
            zoom: 10,
            center: homeLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

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

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

还有 v2:

<script type="text/javascript">
function initialize() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(57.05, 9.92), 14);
        map.setUIToDefault();
    }
}
</script>

如果这是重复的帖子，我很抱歉，但我无法通过搜索找到答案。

亲切的问候， 莫温克尔

Answer 1

您有拼写错误new new。这是我的使用方法。

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">

    // Load google map
    google.load("maps", "3", { other_params: "sensor=false" });

    function initialize() {
        var homeLatlng = new google.maps.LatLng(57.048909, 9.921521);

        var mapOptions = {
            zoom: 10,
            center: homeLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

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

    google.setOnLoadCallback(initialize);
</script>

原始问题的解决方案

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
    function initialize() {
        var homeLatlng = new google.maps.LatLng(57.048909, 9.921521); //McDonald's

        var mapOptions = {
            zoom: 10,
            center: homeLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

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

    google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map-canvas" style="width: 300px; height: 300px">
</div>