Google maps 谷歌地图v3-如何设计；“巴隆”；给一个国家涂上颜色？

有人知道当你点击一个地方时，谷歌地图v3上出现的阳台是如何设计的吗？我希望更改默认的“漫画风格”

第二个问题：是否可以自动（或以其他方式）给一个国家上色（即，我希望美国有红色覆盖，加拿大有黄色覆盖等等）

谢谢,，

---

da

正如我所见，infowindow Baloon具有内嵌样式，因此，对其应用样式是一个问题。因此，备选方案之一是为泡泡创建自己的类（或者找到一个，例如look here:）

---

你的第二个问题：没有简单和通用的方式来显示你想要的覆盖。我的意思是，没有这样的API调用。但是使用多边形可以相对容易地完成。（请看），您只需要国家边界，您可以在网上找到。

我通过在单击标记时切换自定义元素解决了样式设置问题。我需要创建更小的信息窗口，因此我创建了一个自定义元素，通过单击标记来显示，而不使用漫画风格的指针

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

function loadInfoWindow(map, marker){
        clearInfoWindow();
        pixelOffset = getPixelPosInMap(map, marker);
        var iwc = ''; // infowindow markup goes here
        $('#iwContainer').css({'margin-top':(pixelOffset.y - 100), 'margin-left':(pixelOffset.x - 40)}).html(iwc).fadeIn('fast');
    }

function getPixelPosInMap(map, marker){
        var scale = Math.pow(2, map.getZoom());
        var nw = new google.maps.LatLng(
            map.getBounds().getNorthEast().lat(),
            map.getBounds().getSouthWest().lng()
        );
        var worldCoordinateNW = map.getProjection().fromLatLngToPoint(nw);
        var worldCoordinate = map.getProjection().fromLatLngToPoint(marker.getPosition());
        return new google.maps.Point(
            Math.floor((worldCoordinate.x - worldCoordinateNW.x) * scale),
            Math.floor((worldCoordinate.y - worldCoordinateNW.y) * scale)
        );
    }

这段代码使用jQuery获取信息窗口容器#iwContainer。对于信息窗口容器，我有以下样式

#iwContainer {
  position: absolute;
  display: none;
  background-color: white;
  color: #900;
  font-size: 10px;
  padding: 5px;
  width: 90px;
  border: 1px solid #900;
  border-radius: 5px;
  z-index: 100;
  opacity: 0.85;
}

---

下一次-最好发布两个独立的问题，对我来说很好。