草庐IT

leaflet:利用Leaflet-Geoman绘制多种图形,导出为geojson文件(135)

第135个点击查看专栏目录本示例的目的是介绍演示如何在vue+leaflet中利用Leaflet-Geoman绘制多种图形,导出为geojson文件。灵活地配置Leaflet-Geoman的属性,可以产生各种美妙的绘图效果。利用FileSaver可以导出geojson文件。直接复制下面的vue+leaflet源代码,操作2分钟即可运行实现效果文章目录示例效果配置方式示例源代码(共105行)安装插件相关API参考:专栏目标示例效果

mongodb - Meteor.js - mongodb $near $geometry GeoJSON 点坐标经度限制 - Leaflet.js geoJson

我让Meteor.js与Leaflet.js对话,以便能够在“2d​​sphere”索引集合的$near查询周围显示有限的标记。所以我索引我的GeoJSON坐标:Locations._ensureIndex({'geometry.coordinates':'2dsphere'});一切正常,直到我使用$near运算符显示经度-90到90度以外的标记。纬度范围为-85到85,但经度停止在-90到90,而不是预期的-180到180。所以这很好用:LeafletmapsetView()显示我想放置$nearcurson的map部分:window.map=L.map('map').setVie

javascript - 唯一识别传单标记

我之前对这个主题做过一些研究,但我还没有找到我的特定问题的答案。我目前正在使用Leaflet.js。每个标记都有从MySQL数据库中提取的弹出文本。但是,其中一些数据不会显示在弹出窗口中,仅与标记相关联。我想做的是,每当单击特定标记时,与其关联的数据都会在弹出窗口以外的位置(即在DIV中)回显。有没有一种方法可以唯一地标识标记,以便您可以提取与其关联的数据并在其他地方回显?编辑:这里有一些代码可以让事情更清楚一些:这是我的一些JS:varjson_data=;for(vari=0;i'+'Date:'+''+json_data[i].dateOccurred).addTo(map);}

php - 如何将多个 geojson 合并到一个 FeatureCollection 中的一个 geojson

我有多个geojson类型:存储在Mysql中的FeatureCollection。我想将两个或多个geojson合并到一个FeatureCollectiongeojson中并显示在我的map中。我已经准备好了传单map,可以很容易地在map上显示。我阅读了有关Mapbox‘geojson-merge’的内容,但我无法理解如何在我的js或PHP文件中使用api。https://github.com/mapbox/geojson-merge例如,我在网上搜索它,但找不到任何关于如何使用我的在线代码的指南。 最佳答案 您可以将其用作命令

leaflet 示例教程100+ 目录

目前已发表134篇文章vue+leaflet系列教程旨在为开发者提供简单快捷的代码示例,复制即可用。在每一个示例中,解释相应的API知识点,做到简易实现,轻松学会。文章目录vue+leaflet目录基础设置加载地图加载、上传、导出文件绘制显示图形Event和Control综合应用常见问题vue+leaflet目录基础设置类别标题搭建从0到1搭建开发环境Layer清除所有图层的通用方法Layer删除所有的marker图层,保留其他图层Layer清除底图以外的所有图层(两种方法)LayerURL中显示zoom大小,经度和纬度的值Option获取map当前状态(中心点,zoom值,角度边界值,容器宽

PHP & MySQL 和 Leaflet API

关于将PHP和MySQL与LeafletAPI结合使用,我在这里遇到了一些障碍。几个月前我开始使用PHP和MYSQL,我是该领域的新手,但我愿意学习,所以请就我的问题给我一些建议。问题有点类似于那个:CreatingaGeoJsoninphpfromMySqltousewithMapBoxjavascriptAPI因此,我尝试使用PHP从MySQL表中获取标记并使用LeafletAPI呈现它首先,我用一些数据创建了MySQL表:--phpMyAdminSQLDump--version4.4.6--http://www.phpmyadmin.net----Host:localhost--

mysql - 从 MySQL 中东北和西南坐标的边界框内的数据库中获取所有点

我目前正在构建一个应用程序来显示特定城市中所有带有地理标记的树木。我用来从表中获取数据的主要列如下,+-----------------+-------------+------+-----+---------+-------+|Field|Type|Null|Key|Default|Extra|+-----------------+-------------+------+-----+---------+-------+|tree_geotags_id|int(11)|NO|PRI|None|||lattitude_dl|double(9,7)|YES||NULL|||longitu

如何将“传单 - 搜索”包裹在“ React-Leaflet”应用中?

我想扭曲“传单-geosearch”以在使用传单-geosearch的react.js应用程序中工作。这可能吗?任何例子都将非常有用。看答案你必须写一个自定义反应叶片组件去做这个。

ios - 由于协议(protocol)不匹配,Cordova 包装器中的 Angular Leaflet 不加载图 block

我刚刚开始使用AngularLeaflet指令(http://tombatossals.github.io/angular-leaflet-directive/#!/),我正在尝试将其集成到Ionic项目中。在浏览器上,一切正常:加载了map图block。当我使用XCode编译应用程序并在iOS模拟器中运行时,图block没有按预期加载。当我使用检查器时,我注意到加载的图block的html格式如下:请注意src属性缺少协议(protocol)。在Cordova包装器中,应用假定这应该是file://,自然无法加载到图block中。有什么办法可以:显式添加http://协议(proto

android - Air StageWebView Leaflet map 图像在 Android 上呈锯齿状

我想使用StageWebView类将LeafletMap合并到ios和androidair移动应用程序中。不幸的是,map图像的质量参差不齐,很难辨认出街道名称。似乎有一些小的缩放正在进行。出于测试目的,我在http://leafletjs.com/examples/quick-start-example.html使用了Leaflet教程mal在Android浏览器(chrome)中查看时,图像看起来不错。下面是一些简单的代码来说明问题:package{importflash.display.MovieClip;importflash.display.StageScaleMode;im