谷歌地图和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 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>-->

我曾试过：Uncaught TypeError：无法读取'lat'属性，仍然没有解决用户位置错误。 – 2014-09-23 09:34:51

谷歌地图和jQuery的错误信息 - 地理位置

相关推荐