如何获得地标上点击点的经度,纬度和高度?

时间:2013-06-04 08:08:40

标签: javascript google-earth-plugin

我使用google earth plugin api为用户创建并显示地标。

创建和显示地标的示例代码:

function createPlacemark(){
    var polygonPlacemark = ge.createPlacemark('Polygon');
    var polygon = ge.createPolygon('');
    polygon.setAltitudeMode(ge.ALTITUDE_ABSOLUTE);
    polygonPlacemark.setGeometry(polygon);
    var outer = ge.createLinearRing('');
    polygon.setOuterBoundary(outer);

    var coords = outer.getCoordinates();
    coords.pushLatLngAlt(35.3,33.3544921875,1200); 
    coords.pushLatLngAlt(35.3,33.3544921875,1200); 
    coords.pushLatLngAlt(35.3,33.3544921875,1000); 
    coords.pushLatLngAlt(35.3,33.3544921875,1000); 
    ge.getFeatures().appendChild(polygonPlacemark);
    }

现在我需要知道用户是否点击了地标(我是用事件监听器做的)以及他点击的地标中点的经度,纬度和高度。

问题是Google地球会返回"点击"地球表面上的事件而不是点击的地标上的事件。在某些情况下,多边形不会放在地球上(如实例代码中所示)并且值不合适。

我试图找到一种方法来获取点击地标时打开的气球的位置,但没有成功。

有没有办法获得这些价值?

修改:
我使用类似于以下简化代码的东西:

<html>
    <head>
       <script type="text/javascript" src="https://www.google.com/jsapi"></script>
       <script type="text/javascript">
            var ge;
            google.load("earth", "1");

            function init() {
            google.earth.createInstance('map3d', initCB, failureCB);
            }

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

            function failureCB(errorCode) {
            }


           google.setOnLoadCallback(init);

           function createPlacemark(){
                 var polygonPlacemark = ge.createPlacemark('Polygon');
                 var polygon = ge.createPolygon('');
                 polygon.setAltitudeMode(ge.ALTITUDE_ABSOLUTE);
                 polygonPlacemark.setGeometry(polygon);
                 var outer = ge.createLinearRing('');
                 polygon.setOuterBoundary(outer);
                 polygonPlacemark.setDescription('test');
                 var coords = outer.getCoordinates();
                         coords.pushLatLngAlt(35.3,33.3544921875,1200); 
                 coords.pushLatLngAlt(35.35,33.3544921875,1200); 
                 coords.pushLatLngAlt(35.35,33.3544921875,1000); 
                 coords.pushLatLngAlt(35.3,33.3544921875,1000); 
                 ge.getFeatures().appendChild(polygonPlacemark);

                    lookAt = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);
                lookAt.setLatitude(35.33); 
                lookAt.setLongitude(33.3544921875);  
                lookAt.setRange(4500);  
                lookAt.setTilt(45); 
                lookAt.setHeading(90);

                   // Update the view in Google Earth 
               ge.getView().setAbstractView(lookAt);
               google.earth.addEventListener(polygonPlacemark , 'click', doEvent);
    }

          function doEvent(event) {
            document.getElementById("alt").value=event.getAltitude();
            document.getElementById("lon").value=event.getLongitude();
            document.getElementById("lat").value=event.getLatitude();       
      }

      </script>
    </head>
    <body>
           <div id="map3d" style="height: 820px; width: 1680px;"></div>
           <button id="bCreatePlacemark" type="button" onclick="createPlacemark()">Create Placemark</button><br>
           <input id="lon" /><br>
           <input id="lat" /><br>
           <input id="alt" />


     </body>
     </html>

1 个答案:

答案 0 :(得分:0)

您没有显示如何附加事件处理程序,但听起来您已将其附加到GEGlobe或GEWindow对象而不是KmlPlacemarks。

要将事件监听器附加到特定的地标,您可以执行此类操作。

google.earth.addEventListener(polygonPlacemark , 'click', doSomething);
function doSomething(event) {
  var lat = event.getTarget().getGeometry().getLatitude();
  var lng = event.getTarget().getGeometry().getLongitude();
  // do something with lat, lng
}

如果你想创建一个'catch all'事件处理程序来处理所有地标上的点击事件,你可以使用GEGlobe对象,然后使用条件逻辑来筛选地标对象。

google.earth.addEventListener(ge.getGlobe(), 'click', doSomething);
function doSomething(event) {
  if (event.getTarget().getType() == 'KmlPlacemark') { //check the event target
    var lat = event.getTarget().getGeometry().getLatitude();
    var lng = event.getTarget().getGeometry().getLongitude();
    // do something with lat, lng
  }
}

修改

根据您的评论,听起来您想将点击事件附加到polygon本身,然后提取事件发生的位置。如果是这样,这应该有效。

google.earth.addEventListener(polygon , 'click', doSomething);
function doSomething(event) {
  var lat = event.getLatitude();
  var lng = event.getLongitude();
  var alt = event.getaltitude();
  // do something with lat, lng, alt
}