leaflet 相关问题

for (var i = 0; i < markers.value.length; i++) { new L.marker([markers.value[i].location.lat, markers.value[i].location.lon]) .addTo(markersLayer.value) .bindTooltip(L.tooltip({ ...

javascript vue.js leaflet

回答 1 投票 0

在 R Shiny mapedit editMod 中加载 shapefile

在 Shiny 应用程序中，我使用可以使用 editMod() 手动绘制或从 shapefile 加载的多边形。它适用于计算，但到目前为止加载的 shapefile 尚未映射到 editMod leafle...

r shiny leaflet r-mapedit

回答 1 投票 0

如何使用 JavaScript 在 Shiny 应用程序中动态添加标记到传单地图？

我正在开发一个包含传单地图的闪亮应用程序。我想根据用户输入动态地将标记添加到地图，但在尝试使用

javascript r shiny leaflet

回答 1 投票 0

更改传单图标或“即时”添加圆圈

对于我们的业余无线电项目，我创建了一个“实时地图”，显示我们的中继器、热点等。这效果很好。下一步是用 mqtt 增强地图，然后我们就可以“liv...

javascript leaflet

回答 1 投票 0

在带有多边形的开放街道地图上添加突尼斯地图

我需要帮助，我正在尝试在地图上显示突尼斯的地图，但没有显示任何内容，这是我的javascript代码： ` $(函数(){ var 多边形 = null; 变量拖动...</desc> <question vote="0"> <p>我需要帮助，我正在尝试在地图上显示突尼斯地图，但没有显示任何内容，这是我的 javascript 代码： `</p> <pre><code><script> $(function () { var polygon = null; var draggable = true; initialize(); function initialize() { // Create map for polygon drawing var map = L.map("map").setView([34, 9], 6); polygon = new MultiPolygon(map, $("#polygon-name").val()); // Create tunisiaMap as background L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 19, attribution: 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors', }).addTo(map); var totalLatLng = "(24.99539, 121.51033)|(25.02277, 121.53368)|(25.05295, 121.49935)|(25.01624, 121.44579)|(24.99508, 121.48252)"; // Ajoutez ici les autres valeurs de totalLatLng var coords = new Array(); // Add markers for polygon coordinates var splitLatLng = totalLatLng.split("|"); for (var i = 0; i < splitLatLng.length; i++) { var latlng = splitLatLng[i] .trim() .substring(1, splitLatLng[i].length - 1) .split(","); if (latlng.length > 1) { coords.push(L.latLng(latlng[0], latlng[1])); } } polygon.addPolygon(coords, true); polygon.setCreatePolygonsCallback(updateDetails); polygon.setAllowDragging(draggable); polygon.setEditable(true); // Update coordinates displayed on 'C' press updateCoords(); $(window).keyup(function (e) { if (e.keyCode == 67) { updateCoords(); } }); $("#allow-dragging").click(function () { draggable = !draggable; polygon.setAllowDragging(draggable); if (draggable) { $(this).html("Disable Dragging"); } else { $(this).html("Enable Dragging"); } }); $("#new-polygon").click(function () { polygon.createNewPolygon(); }); $("#clear-all").click(function () { polygon.deleteAllPolygons(); }); $("#update-polygon").click(function () { polygon.setName($("#polygon-name").val()); polygon.panToPolygon(); }); } function updateDetails(p) { updateCoords(); } function updateCoords(e) { var polys = polygon.getPolygons(); var multi_coords = polygon.getPolygonCoordinates(); $(".coords").empty(); for (var j in multi_coords) { var name = $("<h3>" + polys[j].name + "</h3>").addClass( polys[j].name, ); if (polys[j].selfIntersects()) { name.css("color", "red"); } $(".coords").append(name); var coords = multi_coords[j]; for (var i in coords) { var c = $("<li>").html( coords[i].lat + ", " + coords[i].lng, ); $(".coords").append(c); } $(".coords").append("<hr/>"); } } }); </script> </code></pre> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1hnbXBkLnBuZw==" alt="enter image description here"/></p> <p>试图显示突尼斯的地图，期望显示突尼斯的地图和多边形，我尝试了多种解决方案但没办法，我正在使用传单</p> </question> <answer tick="false" vote="0"> <p>抱歉，我最后的答案是针对<pre><code>open layer</code></pre>图书馆的！对于传单，您只需添加以下内容：</p> <pre><code>L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', }).addTo(map); </code></pre> <p>我认为您可以检查您的网络以查找有关错误的更多数据！好看！</p> </answer> <answer tick="false" vote="-1"> <p>嗨，我认为你应该在你的 <pre><code>initialize</code></pre> 函数中添加这段代码：</p> <pre><code>raster = new ol.layer.Tile({ source: new ol.source.OSM() }); </code></pre> <p>您没有为地图定义任何来源。</p> </answer> </body></html>

javascript laravel leaflet openstreetmap

回答 0 投票 0

React-Leaflet：尽管 Redux 存储中的颜色值更新，折线不会改变颜色

我已经设置了一个包含十六进制颜色代码的 Redux 存储。我计划实现一个功能，用户可以选择线条显示的颜色。然而，当我使用选择器来...

reactjs react-redux leaflet react-leaflet

回答 2 投票 0

Filamentphp中表数据变化时无法自动更新Leaflet.js地图

我正在使用 Filament 为 Laravel 应用程序构建用户界面，并且在表数据更改时自动更新 Leaflet.js 地图时遇到问题。我正在使用灯丝...

javascript laravel leaflet laravel-livewire laravel-filament

回答 1 投票 0

在 R Shiny 中重置 editMod 地图编辑

我正在使用mapedit的绘图工具通过editMod()创建一个R Shiny应用程序来运行一些操作（在下面的reprex中，我简化为仅计算绘制的多边形的面积）。我有...

r shiny leaflet r-mapedit

回答 1 投票 0

带有原图 pmtiles 的传单图块不可见（似乎是透明的）

我正在使用我们自己的pmtilestileset服务器，测试网址是：https://tilesets.urbanease.io/cadastre/64/64102/without_protobuf.pmtiles 看到它的位置是：bayonne, france latlng=[43.492949...

vector leaflet osm.pbf

回答 2 投票 0

为什么每当我调用 MapContainer 时我总是收到“React-leaflet Error: Dispatcher is null”？

我第一次尝试React-Leaflet，所以在安装完所有内容后，我试图在我的React应用程序中添加一个简单的地图，但是每当我调用MapContainer时，我得到的唯一结果就是这个错误...

reactjs leaflet react-leaflet

回答 1 投票 0

自从react-leaflet v4.x中删除了whenCreated属性后，我如何访问地图对象？

我一直在努力解决一个问题，这个问题归根结底是我无法正确引用地图对象。经过几天的研究，我得出的结论是“老&......

reactjs leaflet react-leaflet react-leaflet-v3 react-leaflet-v4

回答 1 投票 0

leaflet 相关问题

最新问题