-3
你好傢伙我目前正在基於科爾多瓦的項目,我想從網上加載seperat鏈接(這是谷歌地圖API與谷歌的地方)。但不知何故,它不會加載地圖。首先,我認爲他不會進入我的函數初始化,但在插入警報後,我發現它已經做到了。所以我也把警報到在谷歌地圖API載入這樣的JS:src =「」將不會加載在科爾多瓦
<script type="text/javascript"
alert("hi");
src="http://maps.googleapis.com/maps/api/js?key=_______=false&libraries=places">
</script>
,但它不會顯示警報時,我作爲科爾多瓦的應用程序在手機上運行的代碼。
這裏是如果需要的話全碼:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>sparendfahren.at</title>
</head>
<!-- jQuery Version 1.11.0 -->
<script type="application/javascript" src="../js/jquery-1.11.0.js"></script>
<!-- Google Maps API -->
<script type="text/javascript"
alert("hi");
src="http://maps.googleapis.com/maps/api/js?key=______4&sensor=false&libraries=places">
</script>
<!-- Style CSS -->
<link href="../css/style.css" rel="stylesheet">
<script>
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
//alert("initialize");
var styles = [{"featureType":"water","elementType":"all","stylers":[{"hue":"#76aee3"},{"saturation":38},{"lightness":-11},{"visibility":"on"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"hue":"#8dc749"},{"saturation":-47},{"lightness":-17},{"visibility":"on"}]},{"featureType":"poi.park","elementType":"all","stylers":[{"hue":"#c6e3a4"},{"saturation":17},{"lightness":-2},{"visibility":"on"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"hue":"#cccccc"},{"saturation":-100},{"lightness":13},{"visibility":"on"}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"hue":"#5f5855"},{"saturation":6},{"lightness":-31},{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"simplified"}]},{"featureType":"water","elementType":"all","stylers":[]}];
var styledMap = new google.maps.StyledMapType(styles, {name: ""});
directionsDisplay = new google.maps.DirectionsRenderer({polylineOptions: {
strokeColor: "red"
}});
var mapOptions = {
center: new google.maps.LatLng(47.6826215,13.0984208,17),
zoom: 15,
disableDefaultUI: true,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
map.setOptions({styles: styles});
var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(47.67052,13.114028),
new google.maps.LatLng(47.6910273,13.1153865));
var options = {
bounds: defaultBounds,
};
var start_input = document.getElementById('start');
start_autocomplete = new google.maps.places.Autocomplete(start_input, options);
var end_input = document.getElementById('end');
end_autocomplete = new google.maps.places.Autocomplete(end_input, options);
directionsDisplay.setMap(map);
}
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var request = {
origin:start,
destination:end,
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<body>
<div id="all">
<div id="sidebar">
<ul class="sidebar-nav">
<li class="sidebar-title">
sparendfahren.at
</li>
<li>
<a href="index.html">Karte</a>
</li>
<li>
<a href="profil.html">Profil</a>
</li>
<li>
<a href="fahrtErstellen.html">Fahrt Erstellen</a>
</li>
<li>
<a href="fahrtSuchen.html">Fahrt Suchen</a>
</li>
<li>
<a href="meineFahrten.html">Meine Fahrten</a>
</li>
<li>
<a href="einstellungen.html">Einstellungen</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
<li>
<a href="#logout">Abmelden</a>
</li>
</ul>
</div>
<!-- HEADER (BURGERBUTTON) -->
<div id="header">
<a id="sidebar-toggle">
<img src="../images/burger.png" href="#sidebar-toggle">
</a>
</div>
<!-- CONTENT (MAP, SEARCHBARS) -->
<div id="content">
<div id="panel">
<input id="start" type="text" onchange="calcRoute();" placeholder="Startpunkt eingeben">
<input id="end" type="text" align="right" onchange="calcRoute();" placeholder="Endpunkt eingeben">
</div>
<div id="map-canvas"></div>
</div>
</div>
<!-- Sidebar Toggle Script -->
<script>
$("#sidebar-toggle").click(function(e) {
e.preventDefault();
$("#all").toggleClass("toggled");
});
</script>
</body>
</html>
我在這段代碼中唯一改變的是,我刪除了谷歌地圖API密鑰,因此它不會得到公衆。有沒有人有一個想法,爲什麼它不加載我提到的腳本?
感謝您的快速回復!但我只是想測試警報,如果腳本被調用,我不認爲它是。因爲我的谷歌地圖不會顯示,即使我修復腳本標記的問題。 – FabianE 2015-02-23 21:17:08