Javascript src=”s&引用；不会在科尔多瓦装货_Javascript_Google Maps_Src

Javascript src=”s&引用；不会在科尔多瓦装货

javascript google-maps

Javascript src=”s&引用；不会在科尔多瓦装货,javascript,google-maps,src,Javascript,Google Maps,Src,大家好，我目前正在从事一个基于Cordova的项目，我想从一个网站加载一个单独的链接（这是一个带有GooglePlaces的GoogleMapsAPI）。但不知怎的，它无法加载地图。起初我以为他不会进入我的函数初始化，但在插入警报后，我发现它进入了。因此，我还在JS中添加了一个警报，其中加载了Google maps api，如下所示： <script type="text/javascript" alert("hi"); src="http://maps.googleapis.

大家好，我目前正在从事一个基于Cordova的项目，我想从一个网站加载一个单独的链接（这是一个带有GooglePlaces的GoogleMapsAPI）。但不知怎的，它无法加载地图。起初我以为他不会进入我的函数初始化，但在插入警报后，我发现它进入了。因此，我还在JS中添加了一个警报，其中加载了Google maps api，如下所示：

  <script type="text/javascript"
  alert("hi");
  src="http://maps.googleapis.com/maps/api/js?key=_______=false&libraries=places">
</script>

但当我在手机上以cordova应用程序运行代码时，它不会显示警报

以下是完整的代码（如果需要）：

<!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>


斯帕兰德法伦酒店
var方向显示；
var directionsService=new google.maps.directionsService（）；
var映射；
函数初始化（）{
//警报（“初始化”）；
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”}，{“stylers”：“{”c6e3a4“}，{”饱和度“：17}，{”亮度“：-2}，{”可见性“：“on”}，{”特征类型“：”道路.干线“，”元素类型“：”所有“，”样式“：[{”色调“：”CCCCCCCC“}，{”饱和度“：-100}，{”亮度“：”13}，{”可见性“：”on”}，{”特征类型“：”行政.地块“，”元素类型“：”所有“，”样式“：{”色调“：”饱和度“：”{”饱和度“：-100}，{”亮度“，”13}，{”可见性“，“{31}”在{“特性类型”：“road.local”，“elementType”：“all”，“stylers”：[{“hue”：“#ffffff”}，{“saturation”：-100}，{“lightness”：-100}，{“visibility”：“simplified”}}，{“特性类型”：“water”，“elementType”：“all”，“stylers”：[]}；
var styledMap=new google.maps.StyledMapType（样式，{name:”“}）；
directionsDisplay=新建google.maps.DirectionsRenderer（{polylineOptions:{
strokeColor：“红色”
}});
变量映射选项={
中心：新google.maps.LatLng（47.6826215,13.0984208,17），
缩放：15，
disableDefaultUI:true，
mapTypeControlOptions：{
MapTypeId:[google.maps.MapTypeId.ROADMAP，'map_style']
}
};
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
map.mapTypes.set（'map\u style'，styledMap）；
setMapTypeId（'map_style'）；
setOptions（{styles:styles}）；
var defaultBounds=new google.maps.LatLngBounds(
新google.maps.LatLng（47.67052,13.114028），
新google.maps.LatLng（47.6910273,13.1153865））；
变量选项={
界限：默认界限，
};
var start_input=document.getElementById（'start'）；
start\u autocomplete=新的google.maps.places.autocomplete（start\u输入，选项）；
var end_input=document.getElementById（'end'）；
end\u autocomplete=新的google.maps.places.autocomplete（end\u输入，选项）；
方向显示.setMap（地图）；
}
函数calcRoute（）{
var start=document.getElementById（'start'）.value；
var end=document.getElementById（'end'）.value；
var请求={
来源：start，
目的地:完，
travelMode:google.maps.travelMode.DRIVING
};
路由（请求、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
方向显示。设置方向（响应）；
}
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；


斯帕兰德法伦酒店


















$（“#侧边栏切换”）。单击（函数（e）{
e、 预防默认值（）；
$（“#全部”）.toggleClass（“toggled”）；
});

我在这段代码中所做的唯一更改是删除了google maps api密钥，这样它就不会公开。有人知道它为什么不加载我提到的脚本吗？

您的

脚本

标记无效。

警报（）

应该在

脚本

标记之间调用，而不是在开始标记中间调用：

<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?key=______4&sensor=false&libraries=places">
  alert("hi");
</script>

感谢您的快速回复！但我只是想测试一下，如果脚本被调用，我想它不会被调用。因为我的谷歌地图不会显示，即使我修复了脚本标签的问题。

<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?key=______4&sensor=false&libraries=places">
</script>

<script type="text/javascript">
  alert("hi");
</script>