javascript - Google map 错误 - 纬度/经度无效？

Question

我有以下代码:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

<div class="row">
    <div class="col-md-6" id="googleMap" style="height:500px;"></div>
</div>

<script>
    function initialize() {
        var mapProp = {
            center: new google.maps.LatLng(44.6656, -83.5753),
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("googleMap")
          ,mapProp);

        var marker = new google.maps.Marker({
            position: mapProp,
        });

        marker.setMap(map);
    }

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

map 显示正常，但我无法添加标记。我收到以下错误:

setPosition: not a LatLng or LatLngLiteral: in property lat: not a number

我不明白纬度和经度如何无效，因为生成的 map 显示了正确的位置。但没有标记。

Answer 1

标记的 position 属性应为 LatLng 类型:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

<div class="row">
    <div class="col-md-6" id="googleMap" style="height:500px;"></div>
</div>

<script>
    function initialize() {

        var cord = new google.maps.LatLng(41.6656, -83.5753);

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

        var map = new google.maps.Map(document.getElementById("googleMap")
          ,mapProp);

        var marker = new google.maps.Marker({
            position: cord,
        });

        marker.setMap(map);
    }

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

http://jsfiddle.net/5am3V/