Openlayers:機能を削除するにはどうすればよいですか?

番号

ユーザーがマップをクリックしてポインターまたはマーカーを追加したときに、Openlayersでスクリプトベースを実行しようとしています。私はすでにこの部分を実行しましたが、ここで少し問題があります。

ユーザーがマップをクリックすると、古いポインターがそこに固定されますが、すべてのポインターを削除して、ユーザーが最近クリックしたポイントだけを保持するようにします。

この問題について私を助けてください。これが私のコードです:[openlayers 3]

<script>
    var
        vectorSource = new ol.source.Vector(),
        vectorLayer = new ol.layer.Vector({
            source: vectorSource
        }),
        olView = new ol.View({
            center: ol.proj.fromLonLat([48.4831, 36.6681]),
            zoom: 8,
            minZoom: 2,
            maxZoom: 20
        }),
        map = new ol.Map({
            target: document.getElementById('map'),
            view: olView,
            layers: [
                new ol.layer.Tile({
                    style: 'Aerial',
                    source: new ol.source.OSM()
                }),
                vectorLayer
            ]
        })
        ;

    var iconStyle = new ol.style.Style({
        image: new ol.style.Icon({
            anchor: [0.5, 46],
            anchorXUnits: 'fraction',
            anchorYUnits: 'pixels',
            opacity: 0.75,
            src: 'https://openlayers.org/en/v3.8.2/examples/data/icon.png'
        }),
        text: new ol.style.Text({
            font: '12px Calibri,sans-serif',
            fill: new ol.style.Fill({ color: '#000' }),
            stroke: new ol.style.Stroke({
                color: '#fff', width: 2
            }),
            text: 'Some text'
        })
    });
    map.on('click', function(evt){
        var feature = new ol.Feature(
            new ol.geom.Point(evt.coordinate)
        );

        var lon = ol.proj.toLonLat(evt.coordinate)[0];
        var lat = ol.proj.toLonLat(evt.coordinate)[1];

        console.info('longitude is: ' + lon + 'latitude is: ' + lat);

        feature.setStyle(iconStyle);
        vectorSource.addFeature(feature);
    });

</script>
テキナサチ

vectorSource.clear();機能を追加する前に使用します。

vectorSource.clear();
vectorSource.addFeature(feature);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Openlayers 3の機能からレイヤーを取得するにはどうすればよいですか?

openlayers3でGeojsonの機能を使用するにはどうすればよいですか?

OpenLayersマーカー(「機能」)の外観を変更するにはどうすればよいですか?

以下に示すように、削除機能を実装するにはどうすればよいですか?

Windows 7で不要な機能や追加機能を削除するにはどうすればよいですか?

「削除ボタン」のないGnome拡張機能を削除するにはどうすればよいですか?

「削除ボタン」のないGnome拡張機能を削除するにはどうすればよいですか?

setコマンドで表示される機能を削除するにはどうすればよいですか?

null値を削除するCollectionの拡張機能を作成するにはどうすればよいですか?

配列を削除する機能を実装するにはどうすればよいですか?

Visual Studio 2012から拡張機能を完全に削除するにはどうすればよいですか?

問題のある拡張機能をVSCodeから削除するにはどうすればよいですか?

ファイルIOで削除機能を正常に使用するにはどうすればよいですか-C

応答しないdivの削除機能を修正するにはどうすればよいですか?

Woocommerceからカートの全機能を削除するにはどうすればよいですか?

Outlookの相互運用機能でUserPropertyを削除するにはどうすればよいですか?

htaccessを使用してphp拡張機能を削除するにはどうすればよいですか?

シェルの「didyoumean ...」機能を削除するにはどうすればよいですか?

機能内の自動テキストを削除するにはどうすればよいですか?

Twitter Bootstrap 3のレスポンシブ機能を削除するにはどうすればよいですか?

Rの不要な機能を削除するにはどうすればよいですか?

ubuntu-1の削除同期機能を停止するにはどうすればよいですか?

DataTablesに機能を追加するにはどうすればよいですか?

機能を更新するにはどうすればよいですか?

NLP-機能を追加するにはどうすればよいですか?

LAG機能を改善するにはどうすればよいですか?

Firefoxの機能を提案するにはどうすればよいですか?

機能を停止するにはどうすればよいですか?

機能を再試行するにはどうすればよいですか?

TOP 一覧

  1. 1

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  2. 2

    ソートされた検索、ターゲット値未満の数をカウント

  3. 3

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  4. 4

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  5. 5

    Ansibleで複数行のシェルスクリプトを実行する方法

  6. 6

    Reactでclsxを使用する方法

  7. 7

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  8. 8

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  9. 9

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  10. 10

    PowerShellの分割ファイルへのヘッダーの追加

  11. 11

    Chromeウェブアプリのウェブビューの高さの問題

  12. 12

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  13. 13

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  14. 14

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  15. 15

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  16. 16

    MLでのデータ前処理の背後にある直感

  17. 17

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  18. 18

    reCAPTCHA-エラーコード:ユーザーの応答を検証するときの「missing-input-response」、「missing-input-secret」(POSTの詳細がない)

  19. 19

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  20. 20

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  21. 21

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

ホットタグ

アーカイブ