2011-10-15 121 views
0

我以前用过android的Google MAP,但现在我想在我的网页中使用它。我的想法是,我有一个网页,其中有一个文本框。当我将进入美国然后它必须向我显示美国的卫星视图。我没有使用过任何带有HTML的Google地图。一个想法是使用Php卷曲,任何人都可以告诉我该怎么做?在html中使用谷歌地图APi

+0

你看过Google Maps API的例子吗? –

+0

是的,但我还没有找到任何的HTML – Sharpzain120

+0

不知道你的意思。他们都是HTML的,不是吗? –

回答

3

如果发送解析请求,以谷歌的地理编码,例如,对于“美国”:

http://maps.googleapis.com/maps/api/geocode/json?address=USA&sensor=false 

你会得到一个JSON结果。这一结果的一部分将视区:

"viewport" : { 
      "northeast" : { 
       "lat" : 64.73664149999999, 
       "lng" : -30.14648320 
      }, 
      "southwest" : { 
       "lat" : -5.70344770, 
       "lng" : -161.27929880 
      } 
     } 

也可作为XML:

http://maps.googleapis.com/maps/api/geocode/json?address=USA&sensor=false 

这些都是涵盖了美国的整个区域的矩形的边界。

使用这些坐标,您可以继续使用“正常”的Google Maps API示例,并让地图精确显示边界框。

使用Map's constructor中的fitBounds参数。 fitBoundsLatLngBounds类型的对象,您需要从视口的坐标中构建该对象。

这并不是完全微不足道,但绝对有可能。您可以使用PHP创建第一个XML请求,然后输出JavaScript以生成地图。

+0

好的答案。次要问题:您的文本是关于XML的,但您的示例网址和代码适用于JSON。 –

+0

@John很好的捕获,修复和感谢! –

+0

糟糕...您的示例结果中仍然有JSON,而不是XML。 –

1

您有完整的Google Maps + JavaScript Api文档here。它支持反向地理编码(example),这是翻译成坐标地址(包括像美国地名)