2016-06-21 6 views
0

私はjavascriptとOpenLayersに大きなレベルはありません。私は世界中の空港を指している静的マーカーで地図を実現しようとしています。
私は自分の答えを検索しようとしましたが、問題を解決できません。OpenLayers 3でスタティックマーカーを作成するにはどうしたらいいですか?

私はすでにドキュメントや例を探してみましたが、うまくいかないときはいつも。

誰かがデータのリストに基づいてマーカーを作成する方法を教えてくれたら助かりますか?

ありがとうございました。

+0

を、あなたはデータのリストを持っていますか? –

+0

はい、あります。ご回答有難うございます。 –

+0

どのような形式ですか? GeoJSON、TopoJSON、KML ... –

答えて

1

fiddle

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' 
     }) 
    }) 
    }) 
}); 
+0

です!迅速な返信のために多くのUをありがとう:) –

+0

@InèsZarkaこれは、あなたが期待していた場合は、正しい答えをマークし、それを終了して歓迎です。 –

関連する問題