谷歌地圖和jQuery的錯誤信息 - 地理位置

我想顯示在我的網站上一個簡單的谷歌地圖用戶位置，頭部分：谷歌地圖和jQuery的錯誤信息 - 地理位置

<head> 
    <!--jquery ,js scripts --> 
    <link rel="stylesheet" href="styles.css" /> 
    <link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 
    <!--js scripts --> 
    <script src="jsCode.js"></script> 
    <script src ="sirJson.js"></script> 
    <!--gMap plugin API --> 

    <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyAVVQuKtaYbe30ZdNueAcpcXXXIik_5Rjs"></script> 
    <script src = "gmap.js"></script>  
</head>

和地圖格：

<div data-role="main" class="ui-content"> 
      <div id="map"></div> 
     </div>

在JS部分我曾嘗試：

$('#mapButton').click (function() { 

     var myMap = document.getElementById('map'); 
     var map = new google.maps.Map(myMap); 
     var mapOptions = { 
      center: new google.maps.LatLng(43.552965, 43.47315), 
      zoom: 10, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     }) ;

錯誤：

Uncaught TypeError: Cannot read property 'lat' of null

而且用戶位置：

var myMap = document.getElementById('map'); 
     var map = new google.maps.Map(myMap); 
     var mapOptions = { 
      center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
      zoom: 10, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     }) ;

錯誤

Uncaught ReferenceError: position is not defined and You denied permission to retrieve a position - error .

fiddle- http://jsfiddle.net/rma3jzgw/ - >修復的東西 - >顯示位置通過谷歌地圖

來源

2014-09-23 Itsik Mauyhas

你可以做一個小提琴 – 2014-09-23 08:15:21

它適用於jQuery？我曾嘗試過，沒有合併好。 – 2014-09-23 08:16:52

我已經使用了這個 - https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map，同樣的代碼。 – 2014-09-23 08:19:25

我只是簡單地複製和粘貼此來自 https://developers.google.com/maps/documentation/javascript/tutorial 的腳本和它的工作

<script src="https://maps.googleapis.com/maps/api/js"></script> 
    <script> 
      function initialize() { 
      var map_canvas = document.getElementById('map_canvas'); 
      var map_options = { 
       center: new google.maps.LatLng(16.470, 96.100), 
       zoom: 8, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      } 
      var map = new google.maps.Map(map_canvas, map_options) 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script>-->

來源

2014-09-23 09:26:29

我曾試過：Uncaught TypeError：無法讀取'lat'屬性，仍然沒有解決用戶位置錯誤。 – 2014-09-23 09:34:51

谷歌地圖和jQuery的錯誤信息 - 地理位置

回答

相關問題