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


4
リーフレットマーカーのポップアップ位置を変更しますか?
Leafletのマーカーアイコンの下部にポップアップを開きます。 私のコード: var mymap = L.map('mapid').setView([51.505, -0.09], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="http://mapbox.com">Mapbox</a>', id: 'mapbox.streets' }).addTo(mymap); var lati = 51.51; var longi = -0.09; var popupLocation1 = new L.LatLng(lati, longi); var popupContent1 = 'This …
12 leaflet  popup 


1
ポップアップに改行テキストを挿入する方法
Leaflet Marker Clusterを使用していて、ポップアップに5つの異なる行を表示する必要があります。しかし、私がこれを書くとき、それらはすべて同じ行にあります。誰かが私が別の人になるのを手伝ってくれる? var a = addressPoints[i]; var title = a[2]; var univ = a[3]; var direct = a[4]; var city = a[5]; var state = a[6]; var marker = new L.Marker(new L.LatLng(a[0], a[1]), { title: title } ); marker.bindPopup("Student: " + title + "University: " + univ + "Direction: …
9 leaflet  popup 

3
リーフレットのポップアップにGeoJSONのプロパティを表示しますか?
これは私のシンプルなGeoJSONとLeafletマップです。プロパティをポップアップとして表示したいのですが、なぜそれが空なのかわかりません。 私の間違いを教えていただけますか? <html> <head> <title>A Leaflet map!</title> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> <style> #map { width: 960px; height: 500px; } </style> </head> <body> <div id="map"></div> <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script> <script> var map = L.map('map',{ center: [49.833352, 18.163662], zoom: 10 }); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); var data ={ "type": "FeatureCollection", …

2
ホバーとクリックポップアップの両方を機能させる方法は?
私はこのすべてにかなり新しいです。 ホバー/マウスオーバーし、geojsonレイヤーでポップアップ作業をクリックしたい。これまでのコードは次のとおりですが、クリックポップアップをめちゃくちゃにせずにホバーを含める場所がわかりません。ホバーがテキストフィールドのコンテンツを表示し、円マーカーを強調表示する必要があります。 $.getJSON('http://soundgoods.cartodb.com/api/v2/sql?format=GeoJSON&q=SELECT * FROM soundgoods_mixtape_map_1', function(data) { var geojsonMarkerOptions = { radius: 8, fillColor: "#FFCC00", color: "#323232", weight: 2, opacity: 0.5, fillOpacity: 0.4 }; var geojson = L.geoJson(data, { pointToLayer: function (feature, latlng) { var popupOptions = {maxWidth: 500}; var popupContent = '<a target="_blank" class="popup" href="' + feature.properties.post + …
8 leaflet  popup 

2
ArcGIS Online WebマップポップアップにGoogleまたはBingの運転ルートへのリンクを追加する方法
学校の境界線を含むArcGIS Webマップがあります。パブリックユーザーをBingやGoogleなどの無料のルーティングウェブサイトにリンクし、近隣の学校への道順を記入したリンクをポップアップに提供したいと思います。 http://agtrail.rivcoca.org/リバーサイド郡には、私が彼らのウェブマップで話していることがあります。 これは、各学校のURLを作成して、各学校の境界属性に追加する必要があるものですか?またはより速い方法はありますか? ESRIで経路案内ができることは知っていますが、ESRIはクレジットを使い果たしてしまい、地区にそれ以上の費用をかけることなくこれを実現したいと考えています。 私のスクリプト作成スキルは非常に基本的ですが、コーディングがこれを行う唯一の方法である場合は、最善を尽くして進んでいきます。

2
OpenLayers 3クリックでポップアップを作成
OSMマップにGeoJSONファイル(ポイント)を表示しています。属性を表示するために各ポイントのクリック時にポップアップを作成したいと思います。 OpenLayers 3の例でさえ、そのための非常に基本的なステップバイステップチュートリアルを見つけることができません。 誰かが便利なリンクを持っていますか?

1
機能が重複するリーフレットのポップアップを処理しますか?
LeafletとJavaScriptは初めてです。 現在、私は人々がオンラインでアクセスしてダウンロードできる古い地形図のための図書館所蔵の空間インデックスを作成しようとしています。機能のソースはGeoJSONファイルです。 サンプルマップ 問題は、学校の図書館に何年にもわたって同じ地図の複数のタイプがあることですが、地図をクリックすると、ポップアップが1つしか表示されません。複数のマップを循環するオプションが欲しいのですが、問題への取り組み方がわかりません。 ローカルの専門用語で、重なり合うポリゴンを循環するための特別な用語はありますか、またはこの問題に対するより強力なアプローチはありますか?
8 leaflet  popup 

3
可動ArcGIS識別ポップアップウィンドウ(Dojo)
移動可能な場所を示すポップアップウィンドウを取得しようとしています。私のコードはAPIの例に似ています: var popupOptions = { fillSymbol: new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 2), new dojo.Color([255, 255, 0, 0.25])) } var popup = new esri.dijit.Popup(popupOptions, dojo.create("div")); map = new esri.Map("map", { infoWindow:popup, extent: initExtent }); 私はそのポップアップ情報ウィンドウを移動可能にする場所を見つけることができないようです(dojo.dnd.moveableを実装しようと考えていました)。 私は試みましたが、失敗しました: function makeMoveable(node){ var dnd = new dojo.dnd.Moveable(dojo.byId(node)); } makeMoveable(popup); 誰か提案がありますか?
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.