2016-11-22 64 views
-2

我正在开发一个网站,需要获得并显示用户的位置。 不过,我每次收到此错误信息我运行项目: enter image description here网站来获取和显示用户的位置asp.net

这是我的代码:

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function (p) { 
     var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude); 
     var mapOptions = { 
      center: LatLng, 
      zoom: 13, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); 
     var marker = new google.maps.Marker({ 
      position: LatLng, 
      map: map, 
      title: "<div style = 'height:60px;width:200px'><b>Your location:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude 
     }); 
     google.maps.event.addListener(marker, "click", function (e) { 
      var infoWindow = new google.maps.InfoWindow(); 
      infoWindow.setContent(marker.title); 
      infoWindow.open(map, marker); 
     }); 
    }); 
} else { 
    alert('Geo Location feature is not supported in this browser.'); 
} 
</script> 
<div id="dvMap" style="width: 500px; height: 500px"> 
</div> 
    </div> 
    </form> 
</body> 
</html> 

什么是我做错了??? 谁能帮助请?

+1

什么是你的控制台试图告诉ü,您的图片描绘了相同的消息 – Webruster

+0

但什么是该解决方案?它让我与当前位置地图,也许不到2秒钟后,它显示了这样的错误消息 – user3599431

回答

0

我解决了我的问题! 我只是说这行代码加我的API密钥:

<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=MY_KEY" async="" defer="defer" type="text/javascript"></script> 
+0

不发表您的API密钥,保守秘密 – Webruster

+0

谢谢大家的注意!我完全忘了! – user3599431