【问题标题】:How to draw Google map neighborhood boundaries?如何绘制谷歌地图邻里边界?
【发布时间】:2014-02-04 09:07:22
【问题描述】:

我想在 JavaScript V3 Map Api 上绘制 Google 定义的社区边界。我找到了它,但找不到更好的解决方案。如果您浏览 Google 地图并搜索任何位置,Google 会以“红色”颜色突出显示边界。所以我想要同样的,但要画一条折线。

【问题讨论】:

标签: api map


【解决方案1】:

我能想到的最接近的是使用谷歌地理编码并从中获取边界框。例如,如果您查询 http://maps.googleapis.com/maps/api/geocode/json?address=southwark ,谷歌地理编码会给出以下内容,

{
   "results" : [
      {
         "address_components" : [
            {
               "long_name" : "Southwark",
               "short_name" : "Southwark",
               "types" : [ "locality", "political" ]
            },
            {
               "long_name" : "Greater London",
               "short_name" : "Gt Lon",
               "types" : [ "administrative_area_level_2", "political" ]
            },
            {
               "long_name" : "United Kingdom",
               "short_name" : "GB",
               "types" : [ "country", "political" ]
            },
            {
               "long_name" : "SE1",
               "short_name" : "SE1",
               "types" : [ "postal_code_prefix", "postal_code" ]
            },
            {
               "long_name" : "London",
               "short_name" : "London",
               "types" : [ "postal_town" ]
            }
         ],
         "formatted_address" : "Southwark, London, Greater London SE1, UK",
         "geometry" : {
            "location" : {
               "lat" : 51.502781,
               "lng" : -0.087738
            },
            "location_type" : "APPROXIMATE",
            "viewport" : {
               "northeast" : {
                  "lat" : 51.50972609999999,
                  "lng" : -0.07173059999999999
               },
               "southwest" : {
                  "lat" : 51.4958349,
                  "lng" : -0.1037454
               }
            }
         },
         "types" : [ "locality", "political" ]
      }
   ],
   "status" : "OK"
}

在这里您可以使用“几何”对象来获取结果的边界框。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-06-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-25
    • 2020-02-25
    • 1970-01-01
    相关资源
    最近更新 更多