「2128-ol3ex.js」
var raster = new ol.layer.Tile({
/** ol.layer.Tile
* For layer sources that provide pre-rendered, tiled
* images in grids that are organized by zoom levels for
* specific resolutions.
* プリレンダリング（事前描画）を提供するレイヤソースのための、
* 特定の解像度でのズームレベルによって編成されているグリッドの
* タイルイメージ。（ol3 API）
*/
source: new ol.source.MapQuest({layer: 'sat'})
/** ol.source.MapQuest
* Layer source for the MapQuest tile server.
* MapQuest タイルサーバのレイヤソース。（ol3 API
* 2 - ol3ex 23b - MapQuest example 2 参照）
*/
});
var vector = new ol.layer.Vector({
/** ol.layer.Vector
* Vector data that is rendered client-side.
* クライアント側で描画されたベクタデータ。（ol3 API）
*/
source: new ol.source.Vector({
/** ol.source.Vector
* Provides a source of features for vector layers.
* ベクタレイヤのフィーチャのソースを提供します。（ol3 API）
*/
// url: 'data/geojson/countries.geojson', url: 'v3.9.0/examples/data/geojson/countries.geojson',
format: new ol.format.GeoJSON() /** ol.format.GeoJSON * Feature format for reading and writing data * in the GeoJSON format. * GeoJSON フォーマットのデータを読み書きするための * フィーチャフォーマット。（ol3 API） */
}) });
var pointFeature = new ol.Feature(new ol.geom.Point([0, 0])); /** ol.Feature * A vector object for geographic features with a * geometry and other attribute properties, similar * to the features in vector file formats like GeoJSON. * GeoJSONのようなベクトルファイル形式のフィーチャに類似し * た、ジオメトリとその他の属性プロパティを持つ地物フィー * チャのためのベクトルオブジェクト。（ol3 API） */
/** ol.geom.Point * Point geometry.（ol3 API） */
var lineFeature = new ol.Feature( new ol.geom.LineString([[-1e7, 1e6], [-1e6, 3e6]])); /** ol.geom.LineString * Linestring geometry.（ol3 API） */
var vector2 = new ol.layer.Vector({
source: new ol.source.Vector({
features: [pointFeature, lineFeature]
})
});
var select = new ol.interaction.Select(); /** ol.interaction.Select * Interaction for selecting vector features. By default, * selected features are styled differently, so this * interaction can be used for visual highlighting, as * well as selecting features for other actions, such as * modification or output. There are three ways of * controlling which features are selected: using the * browser event as defined by the condition and * optionally the toggle, add/remove, and multi options; * a layers filter; and a further feature filter using * the filter option. * ベクタフィーチャを選択するためのインターラクション。デフォ * ルトでは、このインターラクションは、他のアクションで選択す * るフィーチャと同じように、変形や出力のような視覚的ハイライ * トに使用することができます。選択されているフィーチャを制御 * する3つの方法があります。condition と任意の toggle、 * add/remove、multi オプションによって定義されたブラウザ * イベントを使用する、レイヤフィルタ、フィルタオプションを使 * 用するその他のフィーチャフィルタ、です。 * （ol3 API[説明は Stable Only のチェックを外すと表示]） */
var translate = new ol.interaction.Translate({
/** ol.interaction.Translate
* Interaction for translating (moving) features.
* フィーチャを移す（移動する）インタラクション。
* （ol3 API[説明は Stable Only のチェックを外すと表示]）
*/
features: select.getFeatures() /** getFeatures() * Get the selected features. * 選択されたフィーチャを取得します。 * Return: Features collection（ol3 API） */
});
var map = new ol.Map({
interactions: ol.interaction.defaults().extend([select, translate]), /** ol.interaction.defaults * Set of interactions included in maps by default. * Specific interactions can be excluded by setting * the appropriate option to false in the constructor * options, but the order of the interactions is fixed. * If you want to specify a different order for * interactions, you will need to create your own * ol.interaction.Interaction instances and insert * them into a ol.Collection in the order you want * before creating your ol.Map instance. * デフォルトでマップに含まれるインターラクションのセット。 * 具体的なインターラクションは、コンストラクタのオプションで適 * 切なオプションを false に設定することで除外することができます * が、インターラクションの順番は固定されています。インターラク * ションに対して別の順番を指定したい場合は、独自の * ol.interaction.Interaction インスタンスを作成し、 * ol.Map インスタンスを作成する前に、望む順番で * ol.Collection にそれらを挿入する必要があります。（ol3 API） * new ol.interaction.DragRotateAndZoom() *（訳注：インターラクションの順番は、API を参照してください。） */
layers: [raster, vector, vector2],
target: 'map',
view: new ol.View({
center: [0, 0],
zoom: 2
})
});
0 件のコメント:
コメントを投稿