首页 文章
  • 1 votes
     answers
     views

    如何在传单 Map 中显示Geoserver WMS图层中显示要素属性的弹出窗口?

    我是Leaflet的新手,我正试图在我的webmap上获得一些非常基本(或者我认为)的功能 . 简而言之,我在Geoserver上托管了许多(179)WMS图层,我希望用户能够单击任何功能并显示一个弹出窗口,显示有关该功能的信息 . 我有179层,每层代表我工作的 Map 库的纸质 Map 表的多边形足迹 . 每个图层代表集合中的一个"series" Map . 每个图层的属...
  • 2 votes
     answers
     views

    Geoserver来自变量的图层

    我是javascript的新手,我相信语法是错误的 . 我有geoserver和Leaflet的问题 . mylyr = L.tileLayer.wms('http://localhost:8080/geoserver/mydata/wms?', {layers: 'mydata:parcels'}); 这非常有效 . 但我需要获得变量的图层 . var mygeodata = "'m...
  • 1 votes
     answers
     views

    无法打印带有Geoserver打印的填充多边形的多边形

    我有一个用Leaflet构建的chloropleth Map ,由于插件leaflet-polygon.fillPattern.js显示填充阴影的多边形,它工作正常 . function myStyle (feature) { return { fill: 'url(assets/img/image.png)', fillColor...
  • 1 votes
     answers
     views

    如何使用webpack加载Web组件

    我正在使用带有elm的webpack 4并试图将leaflet-map作为web组件引入 . (这是可取的,因为榆树有一个虚拟的dom,所以与标准JS的混合倾向于引起对受控元素的争夺,它也减少了端口的使用以与传单交谈) . 但是,我正在努力以这种方式配置webpack,它认识到导入 . 有问题的包装https://github.com/leaflet-extras/leaflet-map是一个凉...
  • 6 votes
     answers
     views

    显示脱机OSM映射文件 . 建议:带有Js.library的MB Tiles文件

    当无法在线访问互联网时,我希望(离线)HTML5应用程序通过OSM文件显示OSM Map . 您能举例说明我如何在离线Html5应用程序中显示OSM图块,这些图块是从Mapsforge / Geofabrik等离线OSM Map 文件加载的吗? 示例:通过openstreetmap.org我首先导出了一小部分 Map . 如何在Html5离线webapp中显示此下载的OSM Map .
  • 0 votes
     answers
     views

    如何使用Leaflet库填充SVG图像中的颜色

    是否可以根据SVG图像的layerPoints(x和y)填充颜色?我已经提到了下面的脚本来加载div中的SVG图像 . SVG图像中有三个部分,我必须用不同的颜色区分每个部分 . 需要一些帮助来实现这一目标 . 任何帮助表示感谢,提前谢谢 HTML <div id="map" style="width:1200px; height:580px;"&g...
  • 0 votes
     answers
     views

    如何确定标记是否在圆形数组内?

    目前我在确定标记是否在圆形阵列内部时遇到问题 . 我提供的代码设法仅知道一到两个圆圈的标记,而其他人不知道 . 创建圆的代码 $.ajax({ type: "GET", url: 'http://localhost:59927//api//Values//FlagingDevice(WithoutParameters)', con...
  • 1 votes
     answers
     views

    D3-通过鼠标事件在小册子 Map 上绘制线条

    我正在尝试实施this example . 但是我正在使用d3 v4和宣传单版本1.在鼠标上移动svg函数,我正在设置线条,但它会抛出一个错误 Uncaught TypeError: Cannot read property 'style' of null 我可以形成一个套索,但它全是黑色,这意味着没有圈子得到样式也不是线条 . 我不知道为什么行变量为null?这是我的代码 - svgLayer ...
  • -1 votes
     answers
     views

    如何用 Map 反转地理编码?

    我正在使用 leaflet 在 Map 上显示标记,当我在 marker 上 click 时,我得到 lat 和 lng ,然后我将这些发送到 google maps geocoder 以检索地址名称: var markerCoords = []; circle.on('click', function (e) { var curPos = e.target.getLatLng(); ...
  • 1 votes
     answers
     views

    使用传单加载多个gpx文件

    我开始使用Leaflet组织我的gpx文件与Mysql / PHP结合使用 . 我用插件leaflet-gpx读取了gpx文件 . 一切正常,请参阅screenshot,但加载时间越来越长 . 每个gpx文件一个接一个地读出并显示在 Map 上: var gpx0 = '0.gpx'; window.gpxfile = new L.GPX(gpx0, {async: true, polyline_...
  • 1 votes
     answers
     views

    小册子 Map 不使用chrome来解决未经授权的错误

    我正在尝试使用传单在我的网站中构建 Map 功能,但以下代码不起作用,当我运行它时,只有缩放图标和版权声明,但 Map 没有显示 . Chrome开发人员工具中出现此错误消息“无法加载资源:服务器响应状态为401(未授权)” . 有人可以帮忙吗?非常感激您的帮忙!! <!DOCTYPE html> <html lang="en"> <head...
  • 1 votes
     answers
     views

    使用Vue.js在Bulma选项卡中未加载Leaflet映射

    我在使用Vue.js和Bulma选项卡组件(通过Buefy)加载Leaflet Map 时遇到问题 . 如果map放在tab中,那么在调整浏览器窗口大小之前它不会加载所有tile . 如果map位于Bulma tabs组件之外,则它会加载而不会出现任何问题 . 调用 map.invalidateSize() 似乎有所帮助,但是当选项卡更改时自动执行此操作我必须使用 setTimeout 调用它并且...
  • 0 votes
     answers
     views

    不完整的 Map 从平铺服务器返回,缩放级别可用的文件比文档指示的更多

    我在以下示例中使用AngularJS,Leaflet和Angular-leaflet-directive,这是我从Angular-leaflet-directive项目中获得的 . 此示例在使用公共磁贴服务器时有效,包括示例当前指向的公共ArcGIS服务器 . 根据几个在线文档来源,包括来自open street maps和mapbox的这两个文档,在特定缩放级别可用的切片数量应为2 ^ z X ...
  • 36 votes
     answers
     views

    宣传单改变标记颜色

    有没有办法随机更改原生Leaflet中的标记颜色?我正在使用可以设计风格的svg元素 . 我知道mapbox.js可以实现 编辑:澄清我打算做什么:如果你通过双击或其他东西添加标记,它应该有随机颜色 . 为了实现这一点,我想使用标记的svg图标来设置它们的样式 . 这是我的代码: myIcon = L.icon({ iconUrl: "icon_33997.svg", ...
  • 0 votes
     answers
     views

    有没有方法将传单 Map 图像保存为矢量图像(即SVG)?

    我正在使用使用OSM和传单的web应用程序 . 我想用标记,图标,折线,多边形和其他对象保存 Map 图像到矢量图像(SVG / XML与SVG等)我找到了传单图像,但不确定它是否适合我 . 我还使用ExtJs和python作为服务器语言 . 有什么建议?
  • -1 votes
     answers
     views

    如何使用传单和Javascript在 Map 上添加图像

    我正在寻找一种使用Javascript将图像添加到“传单 Map ”的方法 . 我想要做的是加载图像,调整其大小和位置,并将其附加到传单 Map .
  • 2 votes
     answers
     views

    如何在传单中禁用(不删除)工具栏按钮

    传单绘制的文档提供了remove a toolbar的方法,但我不希望删除工具栏,而只是禁用按钮 . 有没有一种已知的方法来做到这一点?
  • 2 votes
     answers
     views

    如何用图像填充Leaflet多边形?

    我试图修改Leaflet的Path.SVG.js,以便它将产生以下SVG标记 . <svg class=" leaflet-zoom-animated" width="2698" height="318" viewBox="-995 12 2698 318" style="-webkit-transfo...
  • 0 votes
     answers
     views

    如何在Leaflet中绘制带有初始点的折线

    我正在使用Leaflet.draw的自定义折线抽屉 let polylineDrawer = new L.Draw.Polyline(map, {}) polylineDrawer.enable() 我需要以编程方式将起点添加到折线 我试过调用 addVertex 的 L.Draw.Polyline . 看起来它's doesn'吨使用自定义折线抽屉导致 addHooks 或其他东西...试...
  • 0 votes
     answers
     views

    如何选择Leaflet重叠多边形

    我的Leaflet Map 上有一个多边形图层 . 图层中有两个多边形 . 大多边形重叠在较小的多边形上 . 所以我想编辑这些多边形 . 但我无法选择小多边形 . 我通过http请求提供功能 . getMyFeatures().then(function(response){ var data = JSON.parse(response.data); var editable = L....
  • 2 votes
     answers
     views

    如何从传单中删除保存选项绘制api删除按钮?

    我的问题与leaflet-draw delete button remove "clear all" action类似,但我想删除保存选项而不是全部清除 .
  • 0 votes
     answers
     views

    如何填充瓷砖传单的颜色?

    This cite使用tile from here,但在初始状态下它们是灰色的 . 如何填充瓷砖以使它们在示例中看起来像? 我用这个代码: map = L.map('map', {zoomControl: false}).setView([..., ...], 15); L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/...
  • 0 votes
     answers
     views

    leaflet drawError超时和颜色

    我正在做什么: - 向 Map 添加多边形, - 使其可编辑__我想做什么: - 防止相交线, - 获取drawError.timeout工作__正在进行: - 防止相交线,即使我不是设置'allowIntersection:false' - Poly drawError'color'正常工作但'timeout'不能正常工作 . 在尝试绘制相交折线后,多边形永久保持紫色 . var map = ...
  • 0 votes
     answers
     views

    使用Leaflet在数据框或向量中绘制lat长信息

    我有一个数据框,其中包含许多包含lat长坐标对的列 . 我希望使用传单包在 Map 中绘制这些图,以查看我的数据的外观 . > str(siteCoor) 'data.frame': 3122 obs. of 18 variables: $ Longitude: num -8.61 -8.61 -8.61 -8.61 -8.61 ... $ Latitude : num 52....
  • 0 votes
     answers
     views

    在 Map 框中禁用标记上的点击事件

    我正在使用mapbox map创建一个poi创建任务 . 如果在 Map 上发生click事件,标记应移动到新位置 . 标记最初将放置在 Map 上的默认位置 . 我想在单击标记时禁用click事件,它对于初始标记( clickable: false )选项工作正常,对于动态添加的标记,此选项不起作用 tMarker = L.marker( new (L.LatLng)(latit...
  • 1 votes
     answers
     views

    Leaflet ReactJS Map不会完全显示tile

    嗨,我正在尝试创建一个模态内的 Map . 但 Map 只是部分显示 . 我在创建节点后尝试使用invalidzeSIze()但它似乎不起作用 . 谢谢! import React from 'react'; import ReactDOM from 'react-dom' import L from 'leaflet'; class Mapa extends Reac...
  • 0 votes
     answers
     views

    将外部库导入Angular 2

    Angular新手2.使用Angular-CLI . 我没有't imported an external library before. So far, I'通过 npm install leaflet --save 安装了Leafletjs,并通过 npm install @types/leaflet --save 安装了 . 现在我只需要知道如何导入它们以便在我的组件中使用 . 任何帮助赞赏...
  • 0 votes
     answers
     views

    从GeoJSON文件中读取纬度和经度,然后使用Leaflet将每个lat-long显示为标记

    我是Javascript的新手,因此我有点失落 . 我能够从GeoJSON文件中读取;但是,我不明白如何遍历文件以获得点的Lat-Long,然后在Leaflet中将这些点显示为标记 . 我希望也能使用插件Awesome Markers(基于font-awesome,适用于Leaflet) 这是我的GeoJSON文件的示例: { "type": "FeatureColl...
  • 2 votes
     answers
     views

    无法在leaflet.js中删除具有群集的图层

    我正在使用leaflet cluster plugin来绘制一堆崩溃 . 当您加载页面时,我会映射所有崩溃(存储在GeoJSON文件中) . 我也有按钮,每年加载一个不同的geoJSON文件 . 我遇到的问题是removeLayer()实际上并没有删除图层 . 因此,当我重新映射一个新的GeoJSON文件时,它只是将所有崩溃堆叠在一起 . 这是我点击按钮时触发的两个功能 . var标记在全局命名...
  • 2 votes
     answers
     views

    更新标记位置json Leaflet和WebGLEarth

    这个问题与这个问题有关:Updating Leaflet Marker Position Every x Seconds with JSON . 只有我想将使用Leaflet创建的 Map 投影到使用WebGLEarth的3D地球上 . 通常,您可以通过在原始Leaflet代码中使用WE.map,WE.marker替换L.map,L.marker等来组合Leaflet和WebGLEarth . 我...

热门问题