TypeError:google.maps.latLng不是构造函数

时间:2014-03-18 19:17:35

标签: javascript google-maps geolocation

我正在使用Firefox来加载我的html文件以进行GeoLocation。问题是我在控制台中收到了这两条消息:

TypeError: google.maps.latLng is not a constructor index.html:26
error in parsing value for 'background'.  Declaration dropped.

这是我的代码:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Navigator</title>
</head>
<script src="js/jquery.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>

<script>

x = navigator.geolocation;

x.getCurrentPosition(success, failure);

function success(position) {

    // fetch coordinates

    var mylat = position.coords.latitude;
    var mylong = position.coords.longitude;

    // google api ready latitude and longitude string

    var coords = new google.maps.latLng(mylat, mylong);

    // setting up out google map

    var mapOptions = {
        zoom: 16,
        center: coords,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

// CREATING MAP

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

function failure() {
    $('#lat').html("<h3> No co-ordinates available!</h3>");
}
</script>

<body>
<!--map placeholder -->
<div id="map">

</div>

<div id="lat"></div>
<div id="long"></div>
</body>
</html>

我甚至不确定谷歌地图API的数据是否正确加载。 有人可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

TypeError:google.maps.latLng不是构造函数

使用google.maps.LatLng代替google.maps.Latlng。

这一切都可以在Google地图上完美运行。

享受您的编码。...