在信息窗口中分配图像，并根据选项开关显示它们

Question

您好，我有这段代码，每次选择一个选项时，它都会显示一个带有信息窗口的标记。是否有任何可能的方式在信息窗口中添加图片所以让我们说如果选项是晴天 sun.jpg 显示在信息窗口中，其余 2 个选项依此类推。此时“hi”显示到信息窗口。

function dropweather()
{

 var  themarker;
var contentString = 'hi';

var infowindow = new google.maps.InfoWindow({
  content: contentString
 });
var lat = prompt ('Latitude'); var lng = prompt('Longitude');
switch(document.getElementById('weatherkind').value)
  {
    case 'sunny':
      themarker =  new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map:map

        });
        break;
     case 'rainy':
       themarker= new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map:map

        });
        break;
         case 'cloudy':
     themarker=   new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            map:map



        });
        break;

  }
google.maps.event.addListener(themarker, 'click', function() {
infowindow.open(map,themarker);
infowindow.setContent(this.html);
 });
 }

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

Answer 1

我在您的代码中的任何地方都找不到对 marker 的引用。

所以试试

google.maps.event.addListener(marker, 'click', function() {
 infowindow.setContent(html);
 infowindow.open(map, this); //this refers to the marker that is clicked
});

如果你有变量var marker

指的是一个有效的标记，如

var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat,lng),
        map:map

    });

如果没有范围问题，那么您的代码将起作用。不需要，因为 this 可以正常工作