タグ付けされた質問 「javascript」

ポップアップウィンドウ内にグラフを表示する方法 私は、Raphaelプラグインhttp://dynmeth.github.com/RaphaelLayer/をサポートするLeaflet JSを使用しています。ポップアップウィンドウ内にdivを作成することは可能ですか？私はhttp://softwarebyjosh.com/raphy-charts/について考えていました Leafletでそれができない場合、私はRaphaelマップソリューションのみに開かれます。 ありがとう

10 javascript  web-mapping  leaflet 

OpenLayersのマウスオーバーエフェクトとしてマップ座標が必要です。次のコードを使用しています。ただし、ピクセル座標が表示されています。 map.events.register("mousemove", map, function(e) { var position = e.map.x + e.xy.y; OpenLayers.Util.getElement("tooltip").innerHTML = position });

10 openlayers-2  javascript 

次のような視覚化をウェブ上に作成したいと思います。http： //namemapper.babynamewizard.com/namemapper/ これを行うのに適したライブラリはありますか？OpenLayersは、一度に多くのマップを処理できるほど軽量ですか？

10 visualisation  javascript  html 

地図が特定のレベルにズームインされたら、Google Fusionレイヤーをオフにするイベントリスナーを作成しようとしています。私はjavascriptとそのgoogle maps apiにかなり慣れていないので、どんな助けにも感謝しています。私は必要なものに近いと思われるコードを見つけました： google.maps.event.addDomListener(map, 'zoom_changed', function() { var zoom = map.getZoom(); if (zoom >= 1 && zoom <= 9) { layer_0.setMap(map); layer_1.setMap(map); } else if (zoom > 9 && zoom <= 11) { layer_0.setMap(map); layer_1.setMap(map); } else if (zoom > 11) { layer_0.setMap(null); layer_1.setMap(map); } });

10 javascript  google-maps-api  google-fusion-tables 

Openlayers（v4.0.1）の最新バージョンがGoogleマップをタイルレイヤーとしてサポートしているかどうかを知りたいです。これに関するドキュメントイオンは見つかりません。OpenlayersがGoogleマップをサポートしていない場合、これを行う方法があるかどうか誰かに教えてもらえますか？

10 javascript  openlayers  google-maps  google-maps-api 

私はマップをレンダリングするためにリーフレットを使用しています。マーカー付きのマップを作成しましたが、各マーカーにイベントリスナー「onClick」を実装する方法がわかりません。 私のコード var stops = JSON.parse(json); var map = new L.Map('map', { zoom: 12, minZoom: 12, center: L.latLng(41.11714, 16.87187) }); map.addLayer(L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data', maxZoom: 18, id: 'mapbox.streets', accessToken: '-----' })); var markersLayer = new L.LayerGroup(); map.addLayer(markersLayer); //populate map from stops for (var i in stops) { L.marker(L.latLng(stops[i].Position.Lat, stops[i].Position.Lon), …

10 javascript  leaflet 

mygeojson.jsonという名前のGeoJSONファイルがあり、openstreetmapレイヤーの上にあるOpenLayers 3のレイヤーとして追加します。これまでのところ、ズームなどを含むopenstreetmapの世界を表示できましたが、何らかの理由でmygeojson.jsonを取得できません。 geojsonには多くのポリゴンが含まれており、次のようになります。 { "type": "FeatureCollection", "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, "features": [ { "type": "Feature", "properties": { "DN": 2 }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.559093915055664, 52.545214330050563 ], [ 13.559633429050496, 52.545205649772548 ], [ 13.559633415380715, 52.545214636296755 ], [ 13.559093915055664, 52.545214330050563 ] ] …

9 javascript  openstreetmap  geojson  openlayers 

だから私はこの例を本当に変更したいと思います：http : //openlayers.org/en/v3.0.0/examples/tissot.html?q=circle 問題は、マップに適用しようとしても機能しないことです。おそらく、球状ではないOSMスタイルを使用しているためです。 var map = new ol.Map({ layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }), new ol.layer.Vector({ source: vectorSource }) ], renderer: 'canvas', target: 'map', view: new ol.View({ center: ol.proj.transform([2.1833, 41.3833], 'EPSG:4326', 'EPSG:3857'), zoom: 2 }) }); そして質問：円形ポリゴンを作成する方法？ご覧のとおり、2つの選択肢があります。 どういうわけか、私のnoobレベルに基づいて、geom.Circleをgeom.Polygonに変換します。 それを行うために、openlayers 2のような独自の関数を作成します。 OpenLayers.Geometry.Polygon.createRegularPolygon = function（origin、radius、sides、rotation）{ var angle = Math.PI …

9 javascript  openlayers  circle 

私は、メルカトル図法のページからのこのウィキペディアの画像に触発され、リーフレットでハッキングしました。アイデアは、カーソルを大陸にインタラクティブに移動させ、それを投影に合わせて修正することでした。 ステータスの詳細については、次のJSFiddleを参照してください。 http://jsfiddle.net/cantdutchthis/NrAEL/1/ 私は投影の世界では少し新しいですが、デモは緯度に対して十分に機能します。私は比較すると正距円筒とメルカトル図法をウィキペディア私にあなたがこれらの二つの突起を比較したときの投影のバイアスが唯一の「y軸」であるという印象を得ます。 最初のウィキペディアの画像のため、経度を修正していないように見えます。これをサポートしたいのですが、これを行うための最良の方法が何なのかわかりません。 現在、メルカトル図法のバイアスを表示する方法は、マウスが移動するたびに座標をマウスカーソルにシフトすることです。 map.on("mousemove", function(d){ Object.keys(myLayer._layers).map(function(d){ myLayer.removeLayer( myLayer._layers[d] ) }) var plotCoords = []; // green is the coordinate array for the landmass var green = [ [-46.76373672, 82.62796021],... ] for ( i in green ) { // shift the landmass to where the cursor is var …

9 javascript  coordinate-system  leaflet  spherical-geometry  mercator 

すべてのレイヤーがリーフレットマップにレンダリングされるのを待っている間にプログレスバーを表示する方法はありますか？この特定のケースでは、GeoJSONレイヤーがレンダリングされます。

9 javascript  web-mapping  leaflet 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 私はしばらくプログラミングをいじくり回していて、Pythonに習熟していて、HTML 5とJavascriptにある程度興味があります。私は最近、雇用主から、クライアントへのWebマッピングサービスのマーケティングツールとして使用され、社内で機能を使用するトライアルWebマッピングアプリケーションを開発するためのIRD（基本的には研究開発を行うための提案）のリクエストを受け取りました。私が対象としたAPIは、Dojoツールキットに大きく依存し、時間と資料を含む20,000ドルの対象予算を持つArcGIS Javascript APIです。私はこの分野に非常に興味があるので、私は自由な時間にトレーニングと開発に予算のほとんどを費やすことに問題はありません。私は本当にこれに取り組んでいる唯一の人になりますが。 機能的で見栄えのよいものを作り出すには、正確に何を知る必要がありますか？また、あなたが私が予算に入れることができる講師主導のプログラムをそこに推薦することができるなら？ たくさんの無料コースが提供されていることは承知していますが、最後に何かを紹介する必要があるので、インストラクター主導のトレーニングを受講したいと思います。 私のアイデアは、オンとオフを切り替えることができるレイヤーに表示された大きなクライアントデータの一部を使用して、かなり標準的なWebマップを作成することです。重要な概念の1つは、現在のビューを標準化されたテンプレートに印刷する機能です。この機能の需要は、会議での展示としてハードコピーのマップが必要になることが多いが、土壇場でGIS部門に報告するまで待機するプロジェクトマネージャーからのものです。専任のアナリストが3人だけの場合、これは大きな問題になる可能性があります。 また、このプロジェクトを出発点として使用して、より高度な開発に取り掛かることも計画しています。

9 javascript  web-mapping  references 

自分の地図データを表示するAndroidとiPhoneの両方のデバイスで実行するモバイルハイブリッドアプリケーションを開発したいと思います。必要なデータを含むSHPファイルがあります。オンラインで地図データを読み込んで提供するためのGeoserverとPostGISがあります。これまでのところすべてが順調です。 私の問題は、地図データをオフラインで表示するための正しいチュートリアルをまだ理解していないことです。私はこのウェブサイトでここで多くの答えを読みましたが、それらのどれも解決していないようです（私の問題の理解に従って）。 目標は、地図上にインタレストポイントを表示することです。オフライン。一部のインタレストポイントには住所がありません。Lon/ Latのみです。これらの要件について説明します。 地図データとコンテンツをオフラインでユーザーのデバイスに提供する方法 ユーザーに現在の場所から目的地に移動するためのルーティングオプションを提供する方法 アプリ内でWordPress CMSからコンテンツデータを追加する方法 （JSON？GeoJSON？GeoRSS？） 多くのタイルサービスと要件を達成するための多くのアプローチを探し求めてきましたが、まだ正しい組み合わせを見つけていません。 アプリの開発には、PhoneGap XDK、Eclipse ADTを使用しています。また、モバイルデバイスで地図を表示するために、OpenLayersモバイルを使用しています。 あなたの提案やウォークスルーを楽しみにしています。 よろしくお願いします

9 openlayers-2  geoserver  javascript  web-mapping  mobile 

LeafletとGeoJSON機能を組み合わせて使用​​しています。GeoJSONフィーチャ（この場合はポリゴン）にラベルを付ける方法はありますか？からラベルを取得する必要があります feature.properties.name これは私がラベルを挿入できると思う私のコードです： function style(feature) { return { weight: 2, opacity: 1, color: 'white', dashArray: '3', fillOpacity: 0.7, fillColor: getColor(feature.properties.coloring) }; }

9 javascript  web-mapping  labeling  geojson  leaflet 

マップを全画面に設定して通常の形式に戻すためのボタンを含むWebページを作成しました。問題を解決するには、出力ウィンドウのサイズを変更するまで、問題の地図は全画面に設定されません。 ガイダンスとヘルプを歓迎します。 これが実際の例です：デモ

9 openlayers-2  javascript 

私はこのチュートリアルに従っています：http : //workshop.pgrouting.org/chapters/geoext_client.html#select-the-start-and-final-destination これには、次のコードサンプルで定義されているOpenlayers.Control.DrawFeaturesコントロールが含まれています。また、著者が「開始点に特別なスタイルを適用したい場合は、ここでこれを実行する必要があります」とコメントしている行も確認できます。問題は、この設定でスタイルを適用する方法がわからず、この方法でDrawFeaturesコントロールを使用した例が見つからないことです。 このDrawFeaturesコントロールを使用して、始点で終点とは異なるスタイルを使用するにはどうすればよいですか？ DrawPoints = OpenLayers.Class(OpenLayers.Control.DrawFeature, { // this control is active by default autoActivate: true, initialize: function(layer, options) { // only points can be drawn var handler = OpenLayers.Handler.Point; OpenLayers.Control.DrawFeature.prototype.initialize.apply( this, [layer, handler, options] ); }, drawFeature: function(geometry) { OpenLayers.Control.DrawFeature.prototype.drawFeature.apply( this, arguments ); if (this.layer.features.length == 1) …

9 openlayers-2  javascript