javascript - 将 Google Maps API 中的视口(viewport)更改为 Fusion Table Polygon Layer

标签 javascript google-maps-api-3 viewport google-fusion-tables

我开发了一个 JavaScript Web 应用程序,它将显示 Google Maps API Canvas 上的 Google Fusion Table 中的单个多边形图层(尽管有些是多部分的),但多边形的大小和位置各不相同。当我加载它们中的每一个时,我想设置 map 的视口(viewport),以便用户可以实际找到多边形。

我的第一个想法是使用 google.maps.Maps.fitBounds() 但为此,我似乎需要以某种方式将我的几何图形转换为 LatLngBounds我不知道该怎么做。我看过点要素的示例,但没有看过多边形。是否有一个快速脚本可以将 KML 几何图形解析为点,然后我可以使用这些点动态创建 LatLngBounds 或作为新的表属性?

我也愿意接受其他重置视口(viewport)的方法 - 这只是我现在设想的途径。

最佳答案

您需要使用 GViz ( example using GViz and geoxml3 ) 或 Fusion Tables API v1 查询 FusionTable 中的多边形数据。 ,将所有坐标添加到 google.maps.LatLngBounds,使用 google.maps.LatLngBounds.extend然后调用google.maps.Map.fitBounds在结果边界上。

关于javascript - 将 Google Maps API 中的视口(viewport)更改为 Fusion Table Polygon Layer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15918253/

相关文章:

javascript - Fancybox 按钮在手机上太小(无响应的网站)

javascript - 需要创建游戏 AI 的建议 -> javascript

javascript - Bootstrap 3 - 使用切换方法时 Accordion 效果会中断

javascript - 动态加载多边形

javascript - 如何更新谷歌地图中多个标记的位置

c# - 滚动窗口中的 Gtk Expander : The width of the scrolledwindow doesn't update

javascript - 使 div 宽度等于其中最长的单词/句子长度

javascript - JQUERY ON ('change' ) 获取复选框值和状态

google-maps - Google Maps API - 获取街道坐标

jquery - CSS 或 jQuery 在视口(viewport)中右对齐图像并仍然允许向左滚动