谷歌地球API - 画线这条曲线?(Google Earth API - drawing line

2019-10-16 13:48发布

我一直在玩与谷歌地球API。 我认为这将是整齐的,从相对3D视点绘制地方之间的一些线路。 我已经通过了GE文档找啊找对谷歌的答案,但没有发现任何东西,使我沿着正确的方向,所以我想我会发布一些代码,可能得到一些启示。

下面的代码绘制两个地方,然后绘制这些地方之间的线路。 不幸的被绘制的线条拼接大地。 有没有办法让它换到地球的轮廓3D这样绘制时的方法? 我已经尝试了不同程度的成功改变行高的位置,但在准确度和整体视觉吸引力的成本当行不会出现连接的地方。

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

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


    //---------------------------------PLACES   

    // Create the placemark.
    var placemark = ge.createPlacemark('');
    placemark.setName("Location 1");

    // Set the placemark's location.  
    var point = ge.createPoint('');
    point.setLatitude(39.96028);
    point.setLongitude(-82.979736);
    placemark.setGeometry(point);

    // Add the placemark to Earth.
    ge.getFeatures().appendChild(placemark);


    // Create the placemark.
    var placemark2 = ge.createPlacemark('');
    placemark2.setName("Hop #2");

    // Set the placemark's location.  
    var point2 = ge.createPoint('');
    point2.setLatitude(25.7615);
    point2.setLongitude(-80.2939);
    placemark2.setGeometry(point2);

    // Add the placemark to Earth.
    ge.getFeatures().appendChild(placemark2);

    //---------------------------------FOCUS

    var lookAt = ge.createLookAt('');
    lookAt.setLatitude(39.96028);
    lookAt.setLongitude(-82.979736);
    lookAt.setRange(1000000.0);
    lookAt.setAltitude(0);
    lookAt.setTilt(45);
    ge.getView().setAbstractView(lookAt);


    //---------------------------------LINES

    // Create the placemark
    var lineStringPlacemark = ge.createPlacemark('');

    // Create the LineString
    var lineString = ge.createLineString('');
    lineStringPlacemark.setGeometry(lineString);

    // Add LineString points
    lineString.getCoordinates().pushLatLngAlt(39.96028, -82.979736, 0);
    lineString.getCoordinates().pushLatLngAlt(25.7615, -80.2939, 0);
    //lineString.setAltitudeMode(ge.ALTITUDE_CLAMP_TO_GROUND);
    //lineString.setAltitudeMode(ge.ALTITUDE_RELATIVE_TO_GROUND);
    lineString.setAltitudeMode(ge.absolute);

    // Create a style and set width and color of line
    lineStringPlacemark.setStyleSelector(ge.createStyle(''));
    var lineStyle = lineStringPlacemark.getStyleSelector().getLineStyle();
    lineStyle.setWidth(2);
    lineStyle.getColor().set('9900ffff');  // aabbggrr format

    // Add the feature to Earth
    ge.getFeatures().appendChild(lineStringPlacemark);

}

function failureCB(errorCode) {
}

google.setOnLoadCallback(init);

Answer 1:

您将要设置镶嵌,以及任选的挤压,在你的线串为true。

见https://developers.google.com/kml/documentation/kmlreference#tessellate和https://developers.google.com/kml/documentation/kmlreference#extrude的细节

对于API,你的语法会是这样

lineStringPlacemark.setTessellate(true);
lineStringPlacemark.setExtrude(true);

有这方面的一些附加API的例子在https://developers.google.com/earth/documentation/geometries



文章来源: Google Earth API - drawing lines that curve?