OpenLayers 3で静的マーカーを作成するにはどうすればよいですか?

イネスザルカ

私はjavascriptとOpenLayersのレベルがあまり高くなく、世界中の空港を指す静的マーカーを使用してマップを実現しようとしています。
答えを検索しようとしましたが、問題を解決できません。

私はすでにドキュメントや例を見つけようとしましたが、毎回うまくいきません。

データのリストに基づいてマーカーを作成する方法を教えてくれる人がいれば、教えてください。

本当にありがとうございます。

ジョナタスウォーカー

フィドル

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    format: new ol.format.GeoJSON(),
    url: 'url_of_your_file'
  })
});
map.addLayer(vectorLayer);

このようにして、GeoJSONファイルをマップにロードできます。

たとえば、サークルマーカーが必要な場合は、次のol.layer.Vectorようなスタイルを追加します

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    format: new ol.format.GeoJSON(),
    url: 'url_of_your_file'
  }),
  style: new ol.style.Style({
    image: new ol.style.Circle({
      radius: 10,
      fill: new ol.style.Fill({
        color: '#ffff00'
      })
    })
  })
});

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

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

編集
0

コメントを追加

0

関連記事

OpenLayers 3でパーマリンクを作成するにはどうすればよいですか?

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

OpenLayersでカスタムジオメトリを作成するにはどうすればよいですか?

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

openlayers 3でホバー時にカーソルを変更するにはどうすればよいですか?

OpenLayers 3のSVGで距離スケールリングを作成するにはどうすればよいですか?

ジオサーバーレイヤーをopenlayersに追加するにはどうすればよいですか?

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

gwt-openlayersを使用してWMSレイヤーを追加するにはどうすればよいですか?

ReactJSのOpenLayersマップから座標を取得するにはどうすればよいですか?

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

OpenLayers:サイドバーが折りたたまれた後にマップを再描画するにはどうすればよいですか?

openlayers3のベクターレイヤーからポイント座標を取得するにはどうすればよいですか?

openlayers3で特定のタイプコントロールを取得するにはどうすればよいですか?

openlayers3リクエストにhttpヘッダーを追加するにはどうすればよいですか?

OpenLayers-3のレイヤーとしてSVG画像を使用するにはどうすればよいですか?

OpenLayersで描画円の半径に制限を設定するにはどうすればよいですか?

下に新しいマップを追加する代わりに、既存のマップを上書きするにはどうすればよいですか(OpenLayers)?

lngとlatをOpenLayersからmapboxに変換するにはどうすればよいですか?

Openlayers:機能に応じて使用するポップオーバーのスタイルを選択するにはどうすればよいですか?

OpenLayersで2つの異なるベクターレイヤーを区別するにはどうすればよいですか?

OpenLayers 4にクリックイベントを追加するにはどうすればよいですか?

OpenLayersにWFSとWMSを追加するにはどうすればよいですか?

openLayersのポリラインにスタイルを追加するにはどうすればよいですか?

OpenLayersを使用してGeoserverからプライベートレイヤーにアクセスするにはどうすればよいですか?

地理参照されたSVGを(画像としてではなく)OpenLayersマップ上に配置するにはどうすればよいですか?

マップを使用せずにスタイルを使用してOpenLayers3フィーチャーをキャンバスにレンダリングするにはどうすればよいですか?

openlayers 3でアイコンのサイズを小さくするにはどうすればよいですか?BingMapsを使用しています

OpenLayersでより複雑なグラフィカルオブジェクトを描画するにはどうすればよいですか?

TOP 一覧

  1. 1

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

  2. 2

    Railsで宝石のレイアウトを使用するにはどうすればよいですか?

  3. 3

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

  4. 4

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

  5. 5

    アンドロイド9 - キーストア例外android.os.ServiceSpecificException

  6. 6

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

  7. 7

    CSSのみを使用して三角形のアニメーションを作成する方法

  8. 8

    Google Playストア:アプリページにリーダーボードと実績のアイコン/バッジが表示されない

  9. 9

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

  10. 10

    PyCharmリモートインタープリターはプロジェクトタブにサイトパッケージのコンテンツを表示しません

  11. 11

    Windows 7では、一部のプログラムは「ビジュアルテーマを無効にする」レジストリ設定を行いませんか?

  12. 12

    Get-ADGroupMember:このリクエストのサイズ制限を超えました

  13. 13

    Pyusb can't find a device while libusb can

  14. 14

    MySQLでJSON_LENGTHとJSON_EXTRACTを組み合わせる方法は?

  15. 15

    Postmanを使用してファイル付きの(ネストされた)jsonオブジェクトを送信する

  16. 16

    Swiftのブロックのパラメーターに関するドキュメントのマークアップ形式は何ですか?

  17. 17

    Reactでclsxを使用する方法

  18. 18

    追加後、ブートストラップマルチセレクトがテーブルで機能しない

  19. 19

    MongoDB Compass: How to select Distinct Values of a Field

  20. 20

    「埋め込みブラウザのOAuthログイン」を有効にしてコールバックURLを指定した後でも、Facebookのコールバックエラーが発生する

  21. 21

    複数行ヘッダーのJTableヘッダーテキストの折り返し(カスタムTableCellRenderer)

ホットタグ

アーカイブ