使用外部按钮复制Google地球插件导航功能

时间:2012-04-27 00:08:32

标签: javascript html google-earth-plugin

使用嵌入在HTML网页中的Google地球javascript插件,是否可以使用Google地球插件下方的一系列HTML链接复制Google地球导航?

Google Earth Navigation

我只需要缩放按钮功能,没有滑块,4个主要移动方向(向上,向下,向左,向右)和向上和向下用于Look按钮的相机倾斜。

旋转可以始终保持在北方。它不需要。

按钮样本。

<div id="map3d" style="height: 400px;"></div>
<h3>Look</h3>
<a href="#" class="btn" id="up">up</a>
<a href="#" class="btn" id="right">right</a>
<a href="#" class="btn" id="down">down</a>
<a href="#" class="btn" id="left">left</a>
<h3>Move</h3>
<a href="#" class="btn" id="north">north</a>
<a href="#" class="btn" id="east">east</a>
<a href="#" class="btn" id="west">west</a>
<a href="#" class="btn" id="south">south</a>
<h3>Zoom</h3>
<a href="#" class="btn" id="zoomIn">Zoom In</a>
<a href="#" class="btn" id="zoomOut">Zoom Out</a>

1 个答案:

答案 0 :(得分:1)

是的,您可以更改相机参数。

请参阅:https://developers.google.com/earth/documentation/camera_control

基本上,您获得当前视图,并将其更改为新位置,或者进行调整(即每次单击按钮时,移动X度等)。

以上链接中的代码在此处复制,以防日后更改:

// Get the current view.
var lookAt = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);

// Add 25 degrees to the current latitude and longitude values.
lookAt.setLatitude(lookAt.getLatitude() + 25.0);
lookAt.setLongitude(lookAt.getLongitude() + 25.0);

// Update the view in Google Earth.
ge.getView().setAbstractView(lookAt);