0

在此先感谢,我困在当下试图找出为什么我的代码无法正常工作,我一直在尝试显示内容使用在过去的几个小时infowindow,我找不到为什么内容不显示在框中。目前我能够根据坐标在不同位置显示地图上的多个标记,现在只需在点击标记时显示信息窗口中的相关内容。我可以显示infowindow,但它是空白的,它没有显示字符串。在这里我粘贴我的功能。再次感谢。无法显示infowindow中的内容,我正在使用谷歌地图API v3

function initialize() { 

     var mapOptions = { 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      mapTypeControl: false 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); 
     var infowindow = new google.maps.InfoWindow(); 
     var marker, i; 
     var bounds = new google.maps.LatLngBounds(); 

     var image = 'http://193.168.3.5/Location&Tracking/images/taxiv7_trans_small.png'; 

     for (i = 0; i < markers.length; i++) { 
      var pos = new google.maps.LatLng(markers[i][1], markers[i][2]); 
      bounds.extend(pos); 
      marker = new google.maps.Marker({ 
       position: pos, 
       map: map, 
       icon: image 


      }); 


      function placeMarker(location) { 
       var marker = new google.maps.Marker({ 
        position: location, 
        map: map 
       }); 
       var infowindow = new google.maps.InfoWindow({ 
        content: 'Latitude: ' + location.lat() + 
         '<br>Longitude: ' + location.lng() 
       }); 
       infowindow.open(map,marker); 
      } 


      var infowindow = new google.maps.InfoWindow({ 
       content:"Hello World!" 
      }); 


      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
       return function() { 


        infowindow.setContent(markers[i][0]); 
        infowindow.open(map, marker); 

       } 
      })(marker, i)); 



     } 
     map.fitBounds(bounds); 
    } 

回答

4

我终于找到了解决我自己的问题: 是显示信息窗口内的文本,但文本颜色为白色为背景,巫婆它maked无形。我通过应用html代码改变了文字颜色,并将其改为蓝色。在给内容:价值和infowindow.open两次时,我也在重复这些,这对编写前一个没有任何意义。 在这里,我粘贴更正的代码,它现在适用于我。 无论如何,谢谢。

function initialize() { 

     //Create an object variable containing set of properties, to pass to the map 
     var mapOptions = { 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      mapTypeControl: false 
     }; 

     // Intializing map by calling constructor 
     var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); 
     var infowindow = new google.maps.InfoWindow(); 
     var marker, i; 
     var bounds = new google.maps.LatLngBounds(); 

     //set image to the icon marker 
     var image = 'http://193.168.3.5/Location&Tracking/images/taxiv7_trans_small.png'; 


     for (i = 0; i < markers.length; i++) { 
      var pos = new google.maps.LatLng(markers[i][1], markers[i][2]); 
      bounds.extend(pos); 
      marker = new google.maps.Marker({ 
       position: pos, 
       map: map, 
       icon: image 


      }); 



      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
       return function() { 



      var infowindow = new google.maps.InfoWindow({ 
       content:'<p style="color:blue;"> This is marker No.'+markers[i][0]+'</p>'}); 


        infowindow.open(map, marker); 

       } 
      })(marker, i)); 



     } 
     map.fitBounds(bounds); 
    } 
相关问题