11

我想在 Google Maps API v3 上进行一个简单的搜索,结果得到带有彩色多边形的地图,如下图所示:

搜索: pinheiros, 圣保罗

在此处输入图像描述

4

3 回答 3

22

我通过使用WikiMapia数据得到它。

步骤是:

在此处输入图像描述

  • 搜索您想要的位置。
  • 在邻域上单击右键并选择Edit Poly在此处输入图像描述
  • 在开发者工具中点击Network并过滤getPolygon在此处输入图像描述
  • 复制如下所示的服务器响应: 在此处输入图像描述

  • 并转到Console选项卡执行功能:Wikimapia.Parser.Itiles.prototype.decodePolygon("Copyed text here");

  • 在此之后按回车键执行控制台将返回带有点的对象(Poly 的路径)。

JSON.stringify用来转换 JSON 中的对象。

例子:

JSON.stringify(Wikimapia.Parser.Itiles.prototype.decodePolygon("-619402099;-109032887;02fe8953fffe5a000ae5fe379a000fedffd250000e40ffd6050007f7ffeff2001925ffd59b001f6fffdc310012dcffed10003b82ffd9b9005514ffc4520053d2ffc807000c92fff82dfffde7000e670005070012ef0009390021bf000572001358fffc3a001a57fffa210013c1ffff940036530008610022fc000284004732fff5f0001fb1fff2960013c1fff80800594efffde7002c72000f16004b5000204600416f0013b2002292"))

上面的代码将返回这个 JSON(在JsonFormatter中缩进):

{
   "points":[
      {
         "lat":-10.9032887,
         "lng":-61.9402099
      },
      {
         "lat":-10.9032466,
         "lng":-61.9306183
      },
      {
         "lat":-10.8915629,
         "lng":-61.9308972
      },
      {
         "lat":-10.8903934,
         "lng":-61.9313049
      },
      {
         "lat":-10.8893188,
         "lng":-61.9316697
      },
      {
         "lat":-10.8889079,
         "lng":-61.9318736
      },
      {
         "lat":-10.8878227,
         "lng":-61.9325173
      },
      {
         "lat":-10.8869061,
         "lng":-61.933322
      },
      {
         "lat":-10.8864214,
         "lng":-61.9338048
      },
      {
         "lat":-10.8854416,
         "lng":-61.9353282
      },
      {
         "lat":-10.8839139,
         "lng":-61.9375062
      },
      {
         "lat":-10.8824811,
         "lng":-61.939652
      },
      {
         "lat":-10.8822809,
         "lng":-61.9399738
      },
      {
         "lat":-10.8826496,
         "lng":-61.9399202
      },
      {
         "lat":-10.8831343,
         "lng":-61.9400489
      },
      {
         "lat":-10.8839982,
         "lng":-61.940285
      },
      {
         "lat":-10.8844934,
         "lng":-61.9404244
      },
      {
         "lat":-10.8851677,
         "lng":-61.9403279
      },
      {
         "lat":-10.8856734,
         "lng":-61.9401777
      },
      {
         "lat":-10.8870641,
         "lng":-61.940167
      },
      {
         "lat":-10.8879597,
         "lng":-61.9403815
      },
      {
         "lat":-10.8897823,
         "lng":-61.9404459
      },
      {
         "lat":-10.8905936,
         "lng":-61.9401884
      },
      {
         "lat":-10.8910993,
         "lng":-61.9398451
      },
      {
         "lat":-10.8933855,
         "lng":-61.9396412
      },
      {
         "lat":-10.8945233,
         "lng":-61.9395876
      },
      {
         "lat":-10.8964513,
         "lng":-61.9399738
      },
      {
         "lat":-10.8981264,
         "lng":-61.9408
      },
      {
         "lat":-10.8990114,
         "lng":-61.9413042
      }
   ],
   "bounds":{
      "left":-61.9413042,
      "bottom":-10.9032887,
      "right":-61.9306183,
      "top":-10.8822809,
      "centerLatLng":null
   }
}

最后,我使用regexr.com/3c5m2 之类的正则表达式将 JSON 转换为 WKT。我不会只复制整个 JSON中的正则"points"表达式数组中的对象。在 RegExr 上,我复制替换的文本并粘贴到POLYGON((pastehere)).

重要的!应用正则表达式后,您需要在最后一点重复第一点。

-61.956523060798645 -10.877613428213532 ,-61.95640504360199 -10.877718788854143,-61.956791281700134 -10.878393096072424,-61.95735991001129 -10.87805594265392,-61.95682346820831 -10.877339490373695, -61.956523060798645 -10.877613428213532

然后你会得到这样的东西:

POLYGON((-61.956523060798645 -10.877613428213532,-61.95640504360199 -10.877718788854143,-61.956791281700134 -10.878393096072424,-61.95735991001129 -10.87805594265392,-61.95682346820831 -10.877339490373695,-61.956523060798645 -10.877613428213532))

可以将其插入支持 WKT 的数据库(如 MySQL)中。

WikiMapia 有一个API,那么所有这些过程都可以自动进行,但这对我来说很好用。

于 2015-11-09T15:29:04.430 回答
2

简短的回答是:不,Google Maps API 不提供该功能。

实现这一点的一种方法是找到您感兴趣的空间数据(多边形),将其加载到数据库(理想情况下支持空间查询),然后通过 AJAX 查询数据库以将要素几何添加为KMLLayer到地图,以及相应的图钉。

于 2012-05-11T00:41:16.947 回答
0

您可以在funda.nl的网站上查看这项工作。当您选择单个属性时,它还会显示一个 Google 地图,其中围绕所选属性的邻域绘制了一个多边形。

于 2012-06-06T13:20:18.123 回答