属性<map>错误</map>的值无效

时间:2013-03-04 04:40:31

标签: javascript geolocation

我的代码收到此错误。虽然我没有太多使用地理定位的经验,但我不确定为什么我会得到它。我认为问题可能在于获得lat和lng的位置,但我并不认为它是什么。如果有人有关于如何修改我的代码/想法的建议,为什么这不起作用,将不胜感激。

function callGeo() {
console.log("you called findLocation");
if(navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(getLocation, locationError);
  }
else { console.log("no geolocation support");
        return;
         }
}

function getLocation(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    if (!map) {
       showMap(latitude, longitude);
       }
    addMarker(latitude, longitude);
}

function showMap(lat, long) {
   var googleLatLong = new google.maps.LatLng(lat, long);
   var mapOptions = {
       zoom: 12,
       center: googleLatLong,
       mapTypeId: google.maps.MapTypeId.ROADMAP
       };
   var mapDiv = document.getElementById("map");
   map = new google.maps.Map(mapDiv, mapOptions);
   map.panTo(googleLatLong);
   }

function addMarker(lat, long) {
   var googleLatLong = new google.maps.LatLng(lat, long);
   var markerOptions = {
     position: googleLatLong,
     map: map,
     title: "Where I'm thinking today"
     }
     var marker = new google.maps.Marker(markerOptions);
   }

function locationError(error) {
    var errorTypes = {
        0: "Unknown error",
        1: "Permission denied by user",
        2: "Position not available",
        3: "Request timed out"
    };
    var errorMessage = errorTypes[error.code];
    if (error.code == 0 || error.code == 2) {
        errorMessage += " " + error.message;
    }
    console.log(errorMessage);
    alert(errorMessage);
}

1 个答案:

答案 0 :(得分:0)

对不起,我刚想通了。我正在检查是否(!map)。我将它更改为if(map)并且现在可以正常工作。