api - GE での押し出しラインのスタイリング

Question

問題は、押し出された線の境界線のデフォルトの色と不透明度を変更する必要があることです。これはGE APIからの画像です。

そのため、線の下の灰色の「壁」をカスタマイズする必要があります。どのようにスタイルを変更できますか？ありがとう。

Answer 1

基本的に、機能にLineStyleスタイルを追加し、色を指定する必要があります。

多角形の色は (多角形領域内の) 塗りつぶしの色を指​​定し、線の色は線、リング、および多角形の境界線を指定します。

GE API の例は、こちらにあります。 http://earth-api-samples.googlecode.com/svn/trunk/examples/linestring-style.html

不透明度を指定するには、次のコード スニペットのようにaabbggrr形式のコード カラーにアルファ値 (FF = 完全な不透明度) を設定する必要があります。

var lineStyle = placemark.getStyleSelector().getLineStyle();
lineStyle.setWidth(lineStyle.getWidth() + 2);
lineStyle.getColor().set('6600ffff');  // aabbggrr format

Answer 2

したがって、基本的に押し出された線の「境界」は Polygon オブジェクトであり、それぞれスタイルを設定する必要があります。

以下は GE API からのサンプルで、1 行が追加され、「壁」にカスタム スタイルを追加する新しいメソッドgetPolyStyle()が 1 つあります。

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

// Create the LineString; set it to extend down to the ground
// and set the altitude mode
var lineString = ge.createLineString('');
lineStringPlacemark.setGeometry(lineString);
lineString.setExtrude(true);
lineString.setAltitudeMode(ge.ALTITUDE_RELATIVE_TO_GROUND);

// Add LineString points
lineString.getCoordinates().pushLatLngAlt(48.754, -121.835, 700);
lineString.getCoordinates().pushLatLngAlt(48.764, -121.828, 700);
lineString.getCoordinates().pushLatLngAlt(48.776, -121.818, 700);
lineString.getCoordinates().pushLatLngAlt(48.787, -121.794, 700);
lineString.getCoordinates().pushLatLngAlt(48.781, -121.778, 700);
lineString.getCoordinates().pushLatLngAlt(48.771, -121.766, 700);
lineString.getCoordinates().pushLatLngAlt(48.757, -121.768, 700);
lineString.getCoordinates().pushLatLngAlt(48.747, -121.773, 700);

// Create a style and set width and color of line
lineStringPlacemark.setStyleSelector(ge.createStyle(''));
var lineStyle = lineStringPlacemark.getStyleSelector().getLineStyle();

/*** STYLING THE POLYGON ('WALL') UNDER THE LINE ***/
lineStringPlacemark.getStyleSelector().getPolyStyle().getColor().set('9900ffff');
/***************************************************/

lineStyle.setWidth(5);
lineStyle.getColor().set('9900ffff');  // aabbggrr format

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