如何传递文本框的内容在谷歌地球插件中设置相机?

时间:2014-06-27 03:04:38

标签: javascript google-earth google-earth-plugin

目前我正在使用Google地球插件代码。此刻我正试图根据某些文本框的内容移动相机。这是我目前的代码。

var ge;

google.load("earth", "1");

function init() {
  google.earth.createInstance('map3d', initCallback, failureCallback);
//create boxes
  addSampleUIHtml(
    '<input id="Altitude" type="text" value="500000"/>');
  addSampleUIHtml(
    '<input id="Longitude" type="text" value="2"/>');
  addSampleUIHtml(
    '<input id="Latitude" type="text" value="42"/>');  
  addSampleUIHtml(
    '<input id="Heading" type="text" value="0"/>');  
  addSampleUIHtml(
    '<input id="Tilt" type="text" value="0"/>');
  addSampleUIHtml(
    '<input id="Roll" type="text" value="0"/>');    
  addSampleButton('Move the camera', buttonClick);
}

function initCallback(instance) {
  ge = instance;
  ge.getWindow().setVisibility(true);

  // just for debugging purposes
  document.getElementById('installed-plugin-version').innerHTML =
    ge.getPluginVersion().toString();
}

function failureCallback(errorCode) {
}

function buttonClick() {

  var AltitudeInBox=document.getElementById('Altitude').value

  var CameraAt= ge.getView().copyAsCamera(ge.ALTITUDE_ABSOLUTE);
  CameraAt.set   (  41.383, // latitude +-90
                               2.183 , // longitude +-180
                               AltitudeInBox, // altitude (m)
                               ge.ALTITUDE_ABSOLUTE, // reference altitude mode
                               0,  //heading Direction (that is, North, South, East, West), in degrees. Default=0 (North). Values range from 0 to 360 degrees
                               0, //Tilt 0 to 360 degrees.
                               0 //Rotation, in degrees around the Z axis. -180 to +180 degrees.

  ge.getView().setAbstractView(CameraAt)
}

当我将变量AltitudeInBox定义为Altitude框的内容时,将valor传递给它。我使用alert函数(alert(AltitudeInBox);)进行了嘲笑,但是当我将变量AltitudeInBox作为函数CameraAt.set的参数传递时,我没有得到任何结果。 我怀疑变量AltitudeInBox被指定为图表而不是数字,但不知道如何更改它。 先感谢您。

1 个答案:

答案 0 :(得分:0)

好吧,我找到了解决方案。这是初学者的错误。以下声明:

 var AltitudeInBox=document.getElementById('Altitude').value

将“海拔高度”框的内容指定为图表变量,但以下代码需要数字

   CameraAt.set   (  41.383, // latitude +-90
                               2.183 , // longitude +-180
                               AltitudeInBox, // altitude (m)
                               ge.ALTITUDE_ABSOLUTE, // reference altitude mode
                               0,  //heading Direction (that is, North, South, East,West), in degrees. Default=0 (North). Values range from 0 to 360 degrees
                               0, //Tilt 0 to 360 degrees.
                               0 //Rotation, in degrees around the Z axis. -180 to +180degrees.

解决方案是使用parseFloat()或parseInt(),就像这样。

   CameraAt.set   (  parseFloat(document.getElementById('Latitude').value),
                     parseFloat(document.getElementById('Longitude').value) ,
                     parseFloat(document.getElementById('Altitude').value), 
                     ge.ALTITUDE_ABSOLUTE, //altitude mode
                     parseFloat(document.getElementById('Heading').value),
                     parseFloat(document.getElementById('Tilt').value),
                     parseFloat(document.getElementById('Roll').value)    )