Infowindows不顯示使用Google Maps API

-2

我已閱讀關於「Infowindows不顯示」的關於stackoverflow的所有帖子。在創建infowindow或任何意外的語句之後創建地圖不是問題。Infowindows不顯示使用Google Maps API

地圖上顯示標記，它可以計算路線，但是當您點擊標記時，它不會顯示任何信息窗口。這是我製作的整個程序的一小部分，但爲了讓您更好地閱讀它，我已將其重複使用。（未顯示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>

謝謝您的幫助。我遇到這個問題已經過了幾天。

編輯：

在Firefox的控制檯它打印「類型錯誤：一個是不確定的」。在main.js中：17：1612
在Chromium的控制檯中，它打印出「Uncaught TypeError：無法讀取未定義的屬性'__e3_'。在main.js：17
的jsfiddle不工作（有沒有發現的錯誤，這是我第一次使用它）：https://jsfiddle.net/oamjue5p/2/

來源

2015-08-03 Sergio Fernández

雖然代碼很有用，沒有關於如何重現問題的信息。什麼應該在「搜索」框？恐怕更有用的問題會引用一個可用的JSFiddle。 –

那麼，讓我們將其添加... –

它在JSFiddle中不起作用。我不知道爲什麼。鏈接是https://jsfiddle.net/oamjue5p/2/，但問題很簡單，解釋也很簡單：「搜索」搜索地址並在地圖上繪製方向。除了顯示InfoWindow –

正如geocodezip說，

carMarker is a google.maps.Marker not an array,

Uncaught TypeError: google.maps.event.addListeners is not a function

來源

2015-08-14 09:53:48

Infowindows不顯示使用Google Maps API

回答

相關問題