タグ付けされた質問 「openlayers-2」

OpenLayers JavaScriptクライアントツールキットのバージョン2.xを使用している場合は、このタグを使用します。

8
OpenLayersまたはLeafletを選択しますか?[閉まっている]
OpenLayers v / s Leafletの同僚の1人と議論していました。GeoserverとPostGISに直接接続する必要があるプロジェクトを構築する場合、OpenLayersははるかに優れたAPIであると指摘しました。 次に、Open Data Kitを見つけました。これはかなり新しく見えますが、GeoserverおよびPostGISとの接続機能を備えています。 私のプロジェクトの詳細は次のとおりです。 マップインターフェイスを使用して、フィーチャ情報を取得します ユーザーが地図上でクリックした場所に関する緯度経度を取得し、ラスタから気候データを取得するカスタマイズされたツールを作成します(サーバー上のpyスクリプトによって処理されます)。 ユーザーがExcelをアップロードできるようにします。Excelはpyスクリプトに送信され、GeoJSONが返され、マップ上にベクターフィーチャが作成されます ユーザーがベクターポリゴンを作成できるようにします。ベクターポリゴンは、交差するフィーチャをWFSレイヤーから取得します。 GeoServer上のPostGISデータストアからレイヤーを取得し、マップ上にレイヤーを表示します。 だから今、私はどちらが優れているのか、そしてリーフレット上でOpenLayersを使用することがより理にかなっているのか混乱していますか?

3
Openlayersアニメーションの例とアルゴリズム
このコミュニティの人々がアニメーションのニーズにオープンレイヤーを使用しているのか、長い間疑問に思っています。ブラウザでのアニメーションは少し疲れるが、地図がアニメーションと出会うと、良いことが出てくると信じている。 openlayersと互換性のあるアニメーションの優れたWebサイトまたはアルゴリズムを知っていますか? これらは、アニメーション、いくつかのコード、例について私が知っていることです。plsは、これを必要とする人々のために、アニメーションに関する知識をオープンレイヤーと共有します... 時間遅延のあるマップ上に機能を追加するための基本的なJavaScriptコード。 time = 0; for (var i = 0; i < 5; i++) { time += 1000; setTimeout(function(j) { return function() { console.log("var is now", j); } }(i), time); } i2maps ジオコンピューティング環境です。時空間データとWeb指向の視覚化から知識を発見するための柔軟なプログラミングフレームワークを提供します。Javascriptライブラリは、インタラクティブなユーザーインターフェイスの構築に使用され、OpenLayersの上に構築されます。 OpenLayersタイムライン OpenLayersで時間関連のマップを作成するためのシンプルなライブラリです。クラスタ戦略(OpenLayers.Strategy.Cluster)と時間フィルタリングをサポートしています。現在、GeoJSONまたはGeoRSS形式のソースデータをサポートしています。 Timemap.js は、Google、OpenLayers、BingなどのオンラインマップをSIMILEタイムラインで使用できるようにするJavascriptライブラリです。このライブラリを使用すると、JSON、KML、またはGeoRSSの1つ以上のデータセットをマップとタイムラインの両方に同時に読み込むことができます。デフォルトでは、タイムラインの表示範囲内のアイテムのみがマップに表示されます。 自転車共有マップ データはプロバイダーのWebサイトから2〜20分ごとに自動的に更新されます。自転車の使用は同時使用であり、サイクルの再配布が含まれます。1日の実際の合計使用量ははるかに高い場合があります。分布の不均衡-すべてのスタンドが同じ満杯になるために、別のスタンドに移動する必要があるサイクルの数。数字が大きいほど、分布が不均衡になっていることを示します。たとえば、中心部に多くの自転車があり、端部にはほとんどありません。このウェブサイトは中断される場合があります。 データ:プロバイダーのWebサイト。地図データ:OS Open Dataを含むOpenStreetMapの貢献者。ホスティング:UCL。MapnikとOpenLayersを搭載しています。 RaphaëlJSとOpenLayersの統合。 RaphaëlJSは、Web上のベクターグラフィックスでの作業を簡素化する小さなJavaScriptライブラリです。たとえば、独自の特定のグラフや画像の切り抜きと回転ウィジェットを作成する場合、このライブラリを使用して簡単かつ簡単に実現できます。 OpenLayersフィルター戦略 この例では、フィルター戦略を使用して、レイヤーに渡されるフィーチャを制限しています。このレイヤーにバインドされたフィーチャには、日付値を持つwhen属性があります。フィルター戦略は、表示される日付の範囲を制限するbetweenフィルターで構築されます。単純なアニメーションは、when値のドメインを循環し、更新されたフィルターを使用して戦略でsetFilterを呼び出します。

3
現在のWebメルカトル図法のコードは何ですか?
Google Mapsによって普及したWebメルカトル図法には、2年ごとに新しいEPSGコードが与えられるようです。 EPSG:900913(計算機テキストのGoogle)は非公式のコードでした EPSG:3785-データセットに現在使用している投影法 ただし、このブログ投稿では、コードが現在EPSG:3857であることを示唆しています。 この投影法はEPSGサイトで見つけることができますが、コードSR-ORG:6864も使用しているようで、「認識された測地システムではありません。WGS84 / World Mercator(CRSコード3395)を参照してください」 使用する公式コードは何ですか?

5
GeoServerレイヤーを認証の背後に配置する方法は?
OpenLayersとGeoServerを使用してマップレイヤーを公開したい。これは簡単に設定できますが、認証の可能性に関しては少し迷っています。私が欲しいのは、独自のユーザー名とパスワードでログインすることで、独自のマップウィンドウにリダイレクトされるさまざまなユーザーを作成することです。どうすればこれを安全に実行して、ユーザーがお互いのレイヤーにアクセスできないようにすることができますか? たとえば、利用可能なすべてのレイヤーを一覧表示するように要求するGeoServerに対してクエリを実行することにより、セットアップを「ハッキング」することは非常に簡単であることがわかりました。 私のオプションは何ですか?私のubuntuサーバーでApacheをセットアップする際にApacheが役立つと思いますか?このテーマに関するチュートリアルはありますか?

4
Openlayersでレイヤーの順序を定義する方法は?
マーカーレイヤー、2つのベクターレイヤー、2つのラスターレイヤーがあります。マーカーレイヤーは2つのラスターレイヤーで覆われます。 マーカーレイヤーを常に一番上に移動する方法はありますか? 編集: Zインデックスの順序はベクターレイヤーでうまく機能しますが、Zインデックスの低いマップに別のWMSラスターレイヤーを追加しても、ラスターレイヤーはベクターレイヤーを覆います。 編集:レイヤーの「LayerIndex」と「Z-Index」の観点からレンダリング順序の違いを指摘できる人はいますか?レイヤーインデックスはオーバーレイオーダーを処理し、Zindexはベクターレイヤーのフィーチャオーダーを処理すると思います。

8
OpenLayers-コンテナーのサイズ変更後のマップの再描画
私のWebアプリケーションでは、ユーザーがマップコンテナーのサイズを設定できるようにします。 コンテナをわずかに拡張したときにすべてが正常に機能しました(これは、境界線のすぐ後ろにあるタイルが既に読み込まれているためです)。ただし、コンテナが大幅に拡張された場合(次の例では、幅が300〜1000ピクセル)、空白が残ります。 マップを再描画して新しいサイズに適応させる方法は? redraw()すべてのレイヤーを呼び出すことは役に立ちませんでした。ズームインもズームアウトもしませんでした。 Opera、Chrome、Firefoxで説明した結果でこれをテストしました。IE8では、驚くべきことに、問題は発生せず、マップは自動的に適合しました。 テスト用の簡略化されたWebページ: <html> <head> <style> #mapbox { width: 300px; height: 500px; border: 1px solid black; } </style> <script src="http://openlayers.org/api/OpenLayers.js"></script> </head> <body> <div id="mapbox"></div> <input type="button" id="test" value="resize"> <script> var map = new OpenLayers.Map('mapbox'); map.addLayer(new OpenLayers.Layer.OSM()); map.setCenter( new OpenLayers.LonLat(1000000, 7000000), 5); document.getElementById('test').onclick = function() { document.getElementById('mapbox').style.width = …

4
オフラインタイルマップWebアプリ
これは一種のクロスオーバーなので、ここに投稿するかStackoverflowに投稿するかはわかりません。試してみましょう。 提案されているHTML5標準には、キャッシュマニフェストを使用してWebアプリケーションデータをローカルキャッシュに保存するオプションがあります。オフラインのタイル張りのWebマップアプリケーションにこの手法を使用したいと考えており、Geoserverの標準インストールに基づいてここで簡単なプロトタイプを作成しました。 デフォルトレイヤーの1つから生成されたOpenLayersクライアントページをリッピングし、<html>タグを <html xmlns="http://www.w3.org/1999/xhtml" manifest="cache.manifest"> そして、cache.manifest単に読むファイルを作成しました CACHE MANIFEST http://lima.schaaltreinen.nl:8080/ 問題の私の限られた理解では、そのURLからロードするすべてのものをすべてキャッシュする必要があります:すべてのタイルとOpenLayers JS。実際、Firefoxでの最初の呼び出し時に、ローカルストレージを許可するように求められますが、更新(オンラインまたはオフライン)を押すと、OpenLayersオブジェクトが定義されていないことを示すページが鳴ります。OpenLayers JSがロードされていないようです。 オフラインのOpenLayersベースのタイル型Webマップアプリが正常に機能しましたか?または、これをさらに調査する方法についてのヒントはありますか?

5
OpenLayersの地図投影
OpenLayersのGoogleマップレイヤーに投影がWGS-84であるデータをオーバーレイします。しかし、私はちょうどそれらを正しい場所に作ることができません。私は次のようにしました: map = new OpenLayers.Map('map', { numZoomLevels: 20, projection: new OpenLayers.Projection("EPSG:900913"), displayProjection: new OpenLayers.Projection("EPSG: 4326") }); googlelayer = new OpenLayers.Layer.Google("Google street", {sphericalMercator: true}); map.addLayer(googlelayer); veclayer = new OpenLayers.Layer.Vector("vector", { projection: map.displayProjection }; var geojson_format = new OpenLayers.Format.GeoJSON(); veclayer.addFeatures(geojson_format.read(jsonData)); veclayer4326プロジェクションで割り当てましたが、それでも900913と解釈されます。また、displayProjectionを4326に設定しても、ディスプレイ調整システムも900913です。どのような間違いを犯しますか?

6
OpenLayers / Leafletでアニメーションクラスターマーカーを作成する方法
Openlayersが一致しないように見える滑らかな遷移のために、私はLeafletを使用したいと思います。カスタムスタイルのマーカーグループでマーカーをクラスター化する機能が特に必要です。 私が達成しようとしていることを示す最良の例は、Redfinにあります。 クラスターにカーソルを合わせると滑らかなアニメーションが提供され、マーカーをクリックすると、アニメーション効果でクラスターが分割されます。個々のポイントが特定の許容範囲と重ならないズームレベルに達すると、実際のマーカーはアニメーション化された位置に分割されます。 似たような効果をこれらに統合したいので、最善のアプローチに関するいくつかのガイダンスや、あなたが知っているかもしれない他の例に感謝します。 注: Redfinは、使用したくないFlashを使用しているようです。理想的な状況では、可能であればJavascriptでこれを実現したいと思いますが、おそらくHTML5 / canvasで行う必要があると思います。 たぶんpの使用。-Raphael.jsまたはd3.js 何か案は? ところで- この例は見つかりましたが、Googleマップに特に当てはまるようです。

5
GeoServerからOpenLayersマップにシンプルなWFSレイヤーを追加する方法は?
GeoServerに含まれているデータセットの1つをOpenLayersマップに追加しようとしています。OpenGeoのチュートリアルに従いましたが、ここで同様のスレッドを見ましたが、クラックすることはできません。誰かが私のコードとGeoServerのセットアップを見て、どこが間違っているのか教えてもらえますか? 私のコードは次のとおりです。 //WMS map world = new OpenLayers.Layer.WMS("Global Imagery", "http://maps.opengeo.org/geowebcache/service/wms", { layers : "openstreetmap", format : "image/png" }); map.addLayer(world); //WFS parks = new OpenLayers.Layer.Vector("WFS", { strategies : [new OpenLayers.Strategy.BBOX()], protocol : new OpenLayers.Protocol.WFS({ url : "http://localhost:8081/geoserver/wfs", featureType : "medford:parks", featureNS : "http://medford.opengeo.org/medford" }) }); map.addLayer(parks); map.zoomToMaxExtent(); GeoServerの詳細:ワークスペース名= medford、名前空間URI = http://medford.opengeo.org …

4
一般的なオープンソースパッケージのロードマップに関するアドバイスをお探しですか?[閉まっている]
閉じた。この質問はより集中する必要があります。現在、回答を受け付けていません。 この質問を改善したいですか?この投稿を編集するだけで1つの問題に焦点を当てるように質問を更新します。 2年前に閉店。 ほとんどのパッケージで可能な制限を完全に理解していないため、想定されるプロジェクトに使用する推奨スタックについて、オープンソースGISの達人にアドバイスを求めたいだけです。ESRIのさまざまなパッケージを使用して、自分がやりたいことを実行できることは知っていますが、もっと安くて世界に公開してほしいです。私はどんな課題にも挑戦し、プロジェクトを実現するのに十分な部分を学ぶことができると確信しています。そもそも間違った道をたどらないようにしたいだけです。 私のサイトビジョン:UIの観点から、非GISのようなサイトです!whereis.comの行に沿って、すべて(またはほとんどすべて)がベースマップの上にあるボックスで行われます。現在、詳細は重要ではなく、個別のペインにチェックボックスがあるGISレイヤーを強調しないなどです。ユーザーインタラクションの観点から、登録ユーザーはベースの上にフィーチャ(水飲み場の場所、散歩道など)を作成できます。マップし、独自の機能を編集します。可能であれば、作成した独自の機能のみを編集してください。コラボレーションマップ。 私はまだほとんど研究モードで、さまざまなパッケージをいじっていますが、一般的な理解のためであり、実際のテストではありません(最初に詳細を学ぶ必要があります!)。PostGISは、Geoserver / Mapserverが最も可能性の高いミドルウェアであり、基盤となるDBとしての正しい方法のようです。Openlayersはほとんど間違いなく滑りやすいマップになります。私は既にそれに満足しており、その力を知っています。 そのため、多くのアドバイスを必要とする2つの主要な問題があります。 1)このようなサイトに最適なトップレイヤーUIは何ですか? Django(またはDjango-CMS)のカスタマイズされたインスタンス、または単にGeoExtまたはその他のライブラリのつなぎ合わせたインスタンス(ログイン/登録/フルUIを作成できるかどうか不明)、別のCMS /フレームワーク(いいえ、drupalまたは制限するものではありません!)、またはまったく異なるものですか? 2)登録済みのサイトユーザーに自分の機能だけを編集させることは可能ですか? OSMや他の共同プロジェクトの経験のような大量の「落書き」の場所を避けたい。以前の私の読書とアドバイスから、Geoserverは機能レベルのユーザー認証を持つことができないようです。 Mapserverはできますか? サイトのユーザー人口(CMSまたはフレームワークから)がジオサーバー/マップサーバーに直接リンクできるかどうかさえ知りません。 そのような概念がオープンソースソリューションでは不可能な場合、その目標を達成する別の方法はありますか? 認証されたユーザーは、メインフィーチャレイヤーの非公開バージョンを編集して(オリジナルを台無しにしないように)、オリジナルの毎日のバックアップを維持しながら24時間ごとに公開バージョンに自動的にマージしましたか? この意図をどのように達成するかについて、ある種失われました。 はい、GeoNodeも見てきましたが、1つの全体的なマップ(シンプルに保つ)のみが必要で、そのUIは(GeoExplorerに入る前に)インタラクティブではないか、GeoExplorerでGISに似すぎています。このプロジェクトの解決策があまりにも缶詰になっているようです。 ここで漠然と終わったので申し訳ありませんが、私は上記が可能であり、数か月後に壁にぶつかることのない道を開始できることを望んでいます。 #1は最初からその機能を持っていませんでした! 私が見つけることができる最高の例の1つはhttp://www.gpsies.com です。これはリーフレットを使用していることを知っていますが、基礎となるフレームワークとデータベースはわかりません。ユーザーは独自の機能を作成/アップロードできますが、他のユーザーの編集はできません。

7
2つのマップを素敵なWebインターフェイスと比較しますか?
LeafletまたはOpenLayersでは、2つのマップをバーで比較して、2つのマップをスライドさせることはできますか? 例は次のとおりです。 http://www.esri.com/services/disaster-response/hurricanes/hurricane-sandy-the-aftermap http://www.arcgis.com/apps/StorytellingSwipe/index.html?appid=c62112f6ba834227978d8f1cf2b6f5af http://www.abc.net.au/news/specials/qld-floods/(地図ではありません) 私はそれが可能であることを知っています、しかし、私はそれをする方法を知りません。誰でもアイデアはありますか?例?

4
OpenLayersとPostGISを使用する有名なWebサイトは何ですか?
この投稿はコミュニティWikiです。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答は受け付けていません。 PostGISを使用することには多くの説得力のある議論があると思いますが、PostGISとOpenLayersを使用するWebサイトの例を示すことに興味があります。 私が見たいくつかの例は次のとおりです。 foursquare CartoDB Vizzuality(多くの例) WalkScore(私が知る限り) この組み合わせの良い例を示す他の例はありますか?リストしたサイトのいずれかがOpenLayersを機能の中心部分として使用しているかどうかはわかりませんが、それらはすべてPostGISを使用していると考えています。

1
OpenLayers2でベクター機能をプログラムで作成する
地図上にプログラムでベクターフィーチャを作成したい。ある種の印刷プレビューを表示するために、A4-paperformatになるはずです。 これを処理するためのコントロールを作成しましたが、今は機能を作成する必要があります。そして、私はそれをどうすればいいのか分かりません。何か案は?

2
OpenLayersベクターレイヤーからフィーチャを削除/削除します
いくつかのベクターを含むOpenLayersレイヤーがあります。OpenLayers機能ID(OpenLayers.Feature.Vector_241など)を知っていますが、この機能とこの機能のみを削除する方法を知りたいですか? それらをすべて削除してから、配列をループして再描画することを検討しましたが、これは少し洗練されていないように見えます。 次のコードのさまざまなバージョンを試しました。 layer.removeFeatures( featureID ); そして layer.removeFeatures( [featureID] ); そして layer.removeFeatures( {feature : featureID }); 等... すべての助けを歓迎します! ありがとう C

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.