Question

您好我有一些选项，例如菜单上的'晴天'，'雪花'，'下雨'，我需要为每个选项添加一个带信息窗口的标记，每个选项显示不同的图片。我试图解决它，但似乎我的代码不起作用。有什么建议？感谢。

     function dropweather()
   {
var contentString='Weather';
var infowindow = new google.maps.InfoWindow({
  content: contentString
 });
var lat = prompt ('Latitude'); var lng = prompt('Longitude');
switch(document.getElementById('weatherkind').value)
{
    case 'sunny':
        new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map:map,
            icon:'sun.jpe'                       
        });
        break;
     case 'rainy':
        new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map:map,
            icon:'rain.jpe'                       
        });
        break;
         case 'cloudy':
        new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map:map,
            icon:'clouds.jpg'   ,

        });
        break;
   }
 google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
    });

     }

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

如果我选择了晴天，那么图片就会显示出来。在我选择的位置上会显示sun.jpg图片。但我需要的是一个带有信息窗口的标记，并在该信息窗口中显示图片。有什么建议？感谢。

Answer 1

var marker = map.addMarker（{ lat：-13.004333， lng：-38.494333，标题：'Loop，Inc。'， infoWindow：{ 内容：“ Loop，Inc。 795 Park Ave，Suite 120
旧金山，CA 94107
” } }）;

选择符合条件的图像并将其添加到infoWindow的图像src中。我希望它适合你。

来自Google Maps How to add Image into InfoWindow

的引用

带有信息窗口的Javascript标记在switch语句上

1 个答案: