使用KML缩放和多边形突出显示的Google地图

时间:2011-09-30 02:50:19

标签: google-maps-api-3 kml

这是使用kml文件生成地图的代码

    var myLatlng = new google.maps.LatLng(47.711516,-117.395075);
var myOptions = {
  zoom: 12,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(document.getElementById("mapdiv"), myOptions);

var geoLayer = new google.maps.KmlLayer(
                          'http://some.kml.url/kmllayer.kml', 
                           {suppressInfoWindows: true,map: map});

geoLayer.setMap(map);

我的问题是它总是达到最大距离,即使我尝试map.setCenter()调用,缩放设置也不起作用,它仍然是相同的。

另一个问题是,当我在地图上绘制多边形时,当有人将鼠标悬停在地图上时,是否有任何方法可以突出显示其内部颜色。

1 个答案:

答案 0 :(得分:0)

第二个问题。绘制一个初始多边形,填充不透明度为0但笔触不透明度为1.将两个事件侦听器附加到多边形,用于鼠标悬停和鼠标移除。

google.maps.event.addListener(polygon, 'mouseover', function() {
    polygon.setOptions({fillOpacity:0.5});
}

google.maps.event.addListener(polygon, 'mouseout', function() {
    polygon.setOptions({fillOpacity:0.0});
}