【问题标题】:Google Maps Error - Invalid latitude / longitude?谷歌地图错误 - 纬度/经度无效?
【发布时间】:2014-06-08 04:19:45
【问题描述】:

我有以下代码:

<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>

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

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

我看不出纬度和经度是如何无效的,因为生成的地图显示了正确的位置。但没有标记。

【问题讨论】:

标签: javascript google-maps


【解决方案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/

【讨论】:

  • 就是这样!谢谢。
  • @RandyMinder Np!在坐标方面使用 LatLng“类”。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多