【问题标题】:Google Maps - Getting the info window to show?谷歌地图 - 让信息窗口显示?
【发布时间】:2012-02-18 01:22:27
【问题描述】:

我目前已成功显示谷歌地图,它看起来像这样:

我希望它与默认显示的信息窗口一起显示,例如以下示例:

我阅读了此页面:http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows,但这似乎只是解释了如何使用您自己的自定义内容制作信息窗口。我只想显示您在许多网站上看到的上面示例中的信息。

【问题讨论】:

  • 如果您使用的是 Maps API V3,您打算使用哪些内容来填充信息窗口?或者您的意思是除了希望信息窗口默认打开之外,您还需要内容的来源?
  • 尝试使用 Client Location API 或 Google 搜索来查找商家,然后在您的信息窗口中填充此信息?
  • 你想在地图加载或点击特定标记时打开信息窗口吗?
  • 客户端位置 API 已被弃用。我会改为查看 HTML5 地理位置:html5demos.com/geo
  • @andresf.. 我想用我在第二张图片中显示的确切类型的联系人填充它。商家信息。

标签: javascript google-maps google-maps-api-3


【解决方案1】:

您可以使用 Places API:

http://code.google.com/apis/maps/documentation/places/

或 Places Library(Google Maps JS API 的一部分):

http://code.google.com/apis/maps/documentation/javascript/places.html

您将在 JS 中解析响应,然后根据需要设置信息窗口的内容。请注意,从商家列表(至少在 Google 的域中)抓取内容以填充您的信息窗口是违反服务条款的。

这是一个基本的例子:

http://code.google.com/apis/maps/documentation/javascript/examples/place-details.html

【讨论】:

    【解决方案2】:

    这就是我在我网站上的地图上所做的(默认打开这种类型的弹出窗口):在我写的初始化函数中

    map.openInfoWindow(new GLatLng(coordinates), 'html code for the text in window');
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
    

    但这个仅适用于您网站上的地图。对于Google中的一般数据,每个人都可以使用,当然不是那么简单)为了让您的业务出现在地图上,您必须去这里 http://www.google.com/local/add/businessCenter 或阅读此链接http://support.google.com/adwords/bin/answer.py?hl=en&answer=143287

    【讨论】:

    • 这不适合我的业务,​​所以您提供的那些链接不适合我的需要。这是一个列出许多企业的网站,我只想在地图加载时显示带有企业信息的信息框。 :)
    • @Brett 那么,地图在您的网站上吗?阅读此svennerberg.com/2009/09/google-maps-api-3-infowindows
    • 是的......我知道如何添加带有您自己的内容的 infoWindows,但我想添加带有业务信息的信息窗口,就像第二张图片中一样。
    • @Brett 我不确定在这种情况下你的问题是什么。只需调用 infowindow.open(map, marker);当地图被初始化时,就是这样。该信息窗口的内容可以是您想要的任何内容。
    • 但我的问题是......我如何检索该业务信息并将其显示在窗口中!?
    猜你喜欢
    • 2016-12-21
    • 2014-07-21
    • 1970-01-01
    • 1970-01-01
    • 2013-06-08
    • 1970-01-01
    • 2012-03-28
    • 2013-01-07
    • 1970-01-01
    相关资源
    最近更新 更多