我想显示在我的网站上一个简单的谷歌地图用户位置,头部分:谷歌地图和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&v=2&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