“leaflet”如何使用MySQL数据库存储和检索(搜索)标记?

时间:2014-01-25 20:48:17

标签: mysql database tooltip leaflet markers

我在这个项目上遇到了困难:https://groups.google.com/forum/#!topic/leaflet-js/Vl56hyRp1i8

我希望你们能帮助我完成最后一步。

将会有数十万个标记,但只会显示您搜索的标记。工具提示的内容必须通过表单提交。在渲染马赛克之前,我不会知道标记的位置。

一旦渲染了马赛克,我们就有了标记的位置,我需要能够搜索任何标记(通过它的ID)并在显示标记和它的工具提示的同时缩放+平移。

例如,如果我想制作500x500图片的马赛克,这将会发生:

  • 我们等待用户提交图片,直到我们有250.000张图片。
  • 工具提示元内容将与用户的每张图片一起提交(每个用户1张图片) - 这也是生成标记ID的时间
  • 现在我们有250k图片我们可以渲染马赛克,马赛克完成后我将有一个文本文件,其中包含每行图片的名称和位置+列
  • 我需要使用此文件填写每个用户图片的标记位置
  • 我需要能够在此之后才能显示您搜索的标记
  • 当你搜索一个标记时,它将是它的ID,所以它是准确的,我也需要这里的缩放+平移功能
  • 当您点击图片(标记)时,我需要显示该标记(取消隐藏工具提示)。

如果有人可以帮助我,这个项目非常酷,我讨厌被困在上面。我会给予适当的信任和东西。如果你真的很好,我甚至会考虑金钱奖励。

感谢。

1 个答案:

答案 0 :(得分:0)

我建议您遵循以下工作流程:

  1. 对于数据绘制和编辑,我使用Leaflet插件leaflet.draw - 。
  2. 对于GeoJSON格式的商店数据,我使用Leaflet函数toGeoJSON();喜欢var myMarkers = new L.FeatureGroup(); map.addLayer(myMarkers); .... // get json var myMarkersJson = myMarkers.toGeoJSON();
  3. myMarkersJson我上传到MySQL数据库并将数据存储为json。您可以使用js / jquery here了解有关将json发送到MySQL的更多信息。
  4. 对于数据分析,我使用jQuery parseJSON
  5. 为了将json数据再次上传到传单地图,我使用Leaflet函数geoJSON();
  6. 我认为这个工作流程是从MySQL中存储,搜索和显示传单中数据的最简单方法。但是这种解决方案可能不适合大数据分析。