Question

我使用gmap3 jquery插件创建了一个地图，它显示正常。

但是当我们在它们上移动鼠标时，我需要突出显示区域。

我使用Google地球创建了图层，并将其保存在KML文件中。当我调用kml文件时，它会显示kml文件中描述的所有选定区域。

1-我只需要突出显示鼠标点击的区域。 2-获取突出显示区域的值/ ID /地址。

我尝试了一个代码：

$("#my_map").height(300).gmap3({marker:{
latLng: [25.185442, 55.280040],
options:{
  draggable:true
},
events:{
  dragend: function(marker){
    $(this).gmap3({
      getaddress:{
        latLng:marker.getPosition(),
        callback:function(results){
          var map = $(this).gmap3("get"),
            infowindow = $(this).gmap3({get:"infowindow"}),
            content = results && results[1] ? results && results[1].formatted_address : "no address";
          if (infowindow){
            infowindow.open(map, marker);
            infowindow.setContent(content);
          } else {
            $(this).gmap3({
      kmllayer:{
options:{
  url: "http://path_to_site/Dubai_Highlights.kml",
  opts:{
    suppressInfoWindows: true
  }
},
events:{
  click: function(kml, event){
    alert(content);
  }
}
}});
          }
}
      }
    });
  }
}
},
map:{
options:{
  zoom: 8
}
}

});

有一个网站dubizzle.com，他们是时候＆＃34;添加任何广告＆＃34; （需要注册）。所以我附上截图。 http://i61.tinypic.com/3179p3b.png

Answer 1

您缺少featureData对象。您可以在KML overlay here上找到相关文档。此外，此link有助于将其嵌入您的代码中。

如果您想设置KML文件，可以在上面的第二个链接中找到指向工具的链接。好吧，这很有帮助。

Google地图会在鼠标单击时突出显示KML图层

1 个答案: