openstreetmap 相关问题

我需要帮助，我正在尝试在地图上显示突尼斯的地图，但没有显示任何内容，这是我的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

openstreetmap 相关问题

最新问题