【问题标题】:Google Earth: How to create a custom Balloon? [duplicate]Google 地球:如何创建自定义气球? [复制]
【发布时间】:2011-12-17 04:53:55
【问题描述】:

可能重复:
Google Maps: How to create a custom InfoWindow?

我刚刚在 stackoverflow 中遇到了一个与谷歌地图相关的问题。

Google Maps: How to create a custom InfoWindow?

我真的很喜欢他们在问题中提到的弹出窗口,图片如下。

问题:如何在 google Earth 中创建或使用相同的弹出窗口(InfoWindow)。有什么方法可以实现吗?

图片:

帮助将不胜感激。

【问题讨论】:

  • 您想在 Google 地球应用程序中执行此操作吗?
  • 不,我只需要这个在谷歌地球插件中的网页。
  • 不要挑剔或任何东西,但谷歌地球与谷歌地图不同,虽然我没有测试链接问题中的答案,但如果它不起作用我不会感到惊讶跨度>
  • @lifeIsGood:是的,我同意你的观点,谷歌地球与谷歌地图完全不同,但我试图在两种情况下(谷歌地图和谷歌地球)都获得弹出式窗口的风格

标签: javascript jquery google-maps google-earth


【解决方案1】:

据我所知,您无法在独立的 Google 地球应用程序中控制气球的外观。如果你指的是网页的谷歌地球插件,那么你可以做一些细微的修改(比如设置宽度和高度)。

我创建了一个网站,而不是气球打开,我阻止该事件,获取气球的内容并在对话框中显示它们。 你可以在这里看到我的页面 http://www.3dwhistler.com/

我正在做的一个基本示例是这样的:

 google.earth.addEventListener(ge, 'balloonopening', function(event) {
event.preventDefault();
// sometimes event.preventDefault() doesn't work so use the following line instead (uncomment it obviously)
// ge.setBalloon(null);

// find out which placemark's balloon tried to open
var placemark = event.getBalloon().getFeature();
var placemark_desc = placemark.getDescription();
var placemark_name = placemark.getName();
// use this if you have 'unsafe' stuff in the balloon - eg javascript
var placemark_desc_active = placemark.getBalloonHtmlUnsafe();

// Do something with the info

    });

【讨论】:

  • 是的,我尝试了同样的方法,我们可以在弹出窗口中显示数据。但根据客户,我们只需要在具有上述样式的气球上显示。
  • 您要自定义叠加吗?那个“圆形框”似乎不是标准“气球”界面的一部分......并且可能是自定义地标图标或自定义叠加层。似乎有点骇人听闻......而且可能更难以实施......但我想它会起作用。
  • @TheCompWiz:你提到的网址与谷歌地图有关,我正在尝试在谷歌地球中实现同样的目标
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多