Jquery GMaps API-无响应
我只是想让我的谷歌地图插件正常工作。 这里是我到目前为止刚刚编写的代码：Jquery GMaps API-无响应,jquery,google-maps,jquery-mobile,google-maps-api-3,Jquery,Google Maps,Jquery Mobile,Google Maps Api 3,我只是想让我的谷歌地图插件正常工作。 这里是我到目前为止刚刚编写的代码： <html class="ui-mobile"> <head> ............ <script type="application/javascript" src="js/jquery-2.1.0.js"></script> <script type="application/javascript
<html class="ui-mobile">
<head>
............
<script type="application/javascript" src="js/jquery-2.1.0.js"></script>
<script type="application/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
.............
<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3.exp&sensor=true"> </script>
<script type="text/javascript">
var fromLat = 0.000;
var fromLng = 0.000;
var toLat;
var toLng;
var mapcontainer;
var map;
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
function onGeoGetSuccess (p){
fromLat = parseFloat(p.coords.latitude);
fromLng = parseFloat(p.coords.longitude);
alert("run"); //is fired
calcRoute();
}
function onGeoGetFail(e){
fromLat = 0.00;
fromLng = 0.00;
alert("fail");
}
function calcRoute() {
var request = {
origin: new google.maps.LatLng(fromLat, fromLng),
destination:new google.maps.LatLng(toLat, toLng),
travelMode: google.maps.TravelMode.WALKING
};
directionsService.route(request, function(response, status) {
alert("status "+status )
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
function initGmap(){
directionsDisplay = new google.maps.DirectionsRenderer();
var mapOptions = {
zoom: 7,
disableDefaultUI : true,
draggable : false,
keyboardShortcuts : false,
scrollwheel : false,
mapTypeId: google.maps.MapTypeId.WALKING
}
map = new google.maps.Map(mapcontainer.find(".map-canvas").get(0), mapOptions);
directionsDisplay.setMap(map);
directionsDisplay.setPanel(t.find(".mapcontainer").get(0));
}
///// just to show - this is triggered on a subpage which is autoloaded by jquery mobile
$(".building_page").on("pageshow",function(){
t = $(this)
c = t.attr('data-destination').split(',');
toLat = c[0];
toLng = c[1];
mapcontainer = t;
google.maps.event.addDomListener(t, 'load', initGmap);
navigator.geolocation.getCurrentPosition(onGeoGetSuccess, onGeoGetFail);
});
</script>
</head>
<body >
<ul class="nativeDroidCards">
<li>.........</li>
<li>........</li>
<li id="building_E_map" >
<div class="map-canvas"></div>
<div class="mapcontainer"></div>
<a href="maps:q=dfsfdsfdsfffdsf"><i class="icon-screenshot"></i>Navigation </a>
</li>
</ul>
</body>
</html>
提前感谢您两次包含API。一旦采用记录方式，一旦不正确：
<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3.exp&sensor=true"> </script>
<script src="https://maps.gstatic.com/intl/de_de/mapfiles/api-3/16/5/main.js" type="text/javascript"></script>
删除不正确的一个（第二个，不允许您直接访问API…哦，对不起，我只是从浏览器的输出中删除c&p。脚本正在动态注入。对不起，浏览器不应该这样做。您是否从调试器中转储了它？也许您可以提供一个显示问题的JSFIDLE。什么操作会导致地图显示？在您发布的代码中没有任何东西可以让这一点变得明显。
<script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3.exp&sensor=true"> </script>
<script src="https://maps.gstatic.com/intl/de_de/mapfiles/api-3/16/5/main.js" type="text/javascript"></script>