Google maps Infowindows没有'；不显示使用谷歌地图API_Google Maps_Google Maps Api 3

Google maps Infowindows没有'；不显示使用谷歌地图API

google-maps google-maps-api-3

Google maps Infowindows没有'；不显示使用谷歌地图API,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我已经阅读了所有关于stackoverflow的帖子，关于“Infowindows不显示”。在创建infowindow或任何意外语句之后创建映射不是问题地图上显示有标记，它可以计算路线，但当您单击标记时，它不会显示任何信息窗口。这是我制作的整个程序的一个小片段，但为了让你们更好地阅读，我让它可以复制。（未显示API键）代码： <!DOCTYPE html> <html> <head> <meta name="viewport" conte

我已经阅读了所有关于stackoverflow的帖子，关于“Infowindows不显示”。在创建infowindow或任何意外语句之后创建映射不是问题

地图上显示有标记，它可以计算路线，但当您单击标记时，它不会显示任何信息窗口。这是我制作的整个程序的一个小片段，但为了让你们更好地阅读，我让它可以复制。（未显示API键）

代码：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API-KEY&v=3.20&signed_in=false&libraries=places">    </script> 
    <title>Try</title>

    <script>


  function initialize() {

    var map = new google.maps.Map(document.getElementById('map-canvas'), {
      center: new google.maps.LatLng(40, -1),


     zoom: 11,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var carImage = 'car.png';
    var carLatLng = [];
    carLatLng[0] = new google.maps.LatLng(40, -1);

    var carMarker = [];
    for (var j = 0; j < carLatLng.length; j++) {
      var carMarkerPlotter = function(carMarker){
          carMarker = new google.maps.Marker({
            position: carLatLng[j],
            map: map,
            icon: carImage,
            clickable: true
          });
      }(carMarker);
    }


    var input = /** @type {HTMLInputElement} */(
        document.getElementById('pac-input'));
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

    var searchBox = new google.maps.places.SearchBox(
      /** @type {HTMLInputElement} */(input));

    google.maps.event.addListener(searchBox, 'places_changed', function() {
      var places = searchBox.getPlaces();

      if (places.length == 0) {
        return;
      }

      for (var i = 0, place; place = places[i]; i++) {

        var rendererOptions = [];
        var directionsDisplay = [];

        for (var k = 0; k < carLatLng.length; k++) {

            rendererOptions[k] = { map: map };
            directionsDisplay[k] = new google.maps.DirectionsRenderer(rendererOptions[k]);

            var request = {
                  origin: carLatLng[k],
                  destination: place.geometry.location,
                  travelMode: google.maps.DirectionsTravelMode.DRIVING
                };

            directionsService = new google.maps.DirectionsService();
            var dir = function(directionsDisplay) {
              directionsService.route(request, function (response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                  directionsDisplay.setDirections(response);
                } else alert('Failed to get directions');
              });
            }(directionsDisplay[k]);
          }

        }
      });

      var infowindow1 = new google.maps.InfoWindow({
         content: "Try"
     });

      google.maps.event.addListener(carMarker[0], 'click', function() {
        infowindow1.open(map,carMarker[0])
      });


    }

    google.maps.event.addDomListener(window, 'load', initialize);

    </script>

  </head>

  <body>
    <input id="pac-input" class="controls" type="text" placeholder="Search">
    <div id="map-canvas"></div>
  </body>
</html>


尝试
函数初始化（）{
var map=new google.maps.map（document.getElementById（'map-canvas'）{
中心：新google.maps.LatLng（40，-1），
缩放：11，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var carImage='car.png'；
var Carlatng=[]；
carLatLng[0]=新的google.maps.LatLng（40，-1）；
var-carMarker=[]；
对于（var j=0；j


谢谢你的帮助。我已经好几天没有遇到这个问题了
编辑：

在Firefox的控制台中，它打印“TypeError:a未定义”。main.js:17:1612
在Chromium的控制台中，它打印“UncaughtTypeError:无法读取未定义的属性'\uuuue3'”。总而言之。js:17
JSFIDLE不工作（没有发现错误，这是我第一次使用它）：
如前所述
carMarker是google.maps.Marker而不是数组
未捕获类型错误：google.maps.event.addListeners不是函数
虽然代码很有用，但没有关于如何重现问题的信息。“搜索”框中应该包含什么？一个更有用的问题恐怕是引用一个正在工作的JSFIDLE。那么，让我们添加它……它在JSFIDLE中不工作。我不知道为什么。链接很简单，但问题很简单，解释也很简单：“搜索”搜索地址并在地图上标出方向。除了显示信息窗口之外，所有工作都是一个google.maps.Marker
标记，而不是一个数组，uncaughttypeerror:google.maps.event.addListeners不是一个函数