Leaflet Javascript动态添加文件作为对象

时间:2017-05-19 10:05:42

标签: javascript json leaflet exif

我正在学习javascript和传单,我正在寻找一些建议^^

我的目的是:

  • 使用GPS exif数据将照片从手机发送到我的服务器。
  • 将信息设置为文件:json / database?
  • 在传单上创建一个标记,用于显示照片和图片的名称。

现在我成功手动将图片添加到json文件中,然后调用此图片并将其设置为地图上的标记。

JSON

var map = {
  "type":"FeatureCollection",
  "features":
  [
    {
      "type":"Feature",
      "properties":{
        "name": "Coors Field",
        "amenity": "Baseball Stadium",
        "popupContent": "This is where the Rockies play!",
        "imageAttached": "<a href='../img/picture.jpg' target='_blank'><img src='../img/avatar.png'/></a>"

      },
      "geometry":
      {
        "type":"Point",
        "coordinates":[-6.646728515625,53.48804553605622]
      }
    },
  {
    "type": "Feature",
    "properties": {
      "popupContent": "Test"

    },
    "geometry": {
      "type": "Point",
      "coordinates": [
        -8.580322265624998,
        53.44226352500856
                    ]
              }

  }
]
};

的Javascript

L.geoJSON(map,{
}).bindPopup(function(layer){
  var popUp = layer.feature.properties.popupContent;
  var image = layer.feature.properties.imageAttached;
  var pop = popUp + image;
 return pop;
}).addTo(mymap);

它有效。但我有一些问题,因为我不知道应该去哪里:

  • 是否像我一样将json数据设置为变量(var map = my data)?我在this tutorial上看到了它。
  • 是javascript能够获取文件的exif信息,并动态地从文件夹中的新文件获取信息?或者是否更好地使用其他语言(例如python?)?
  • 使用json文件或数据库存储所有未来信息会更好吗?对于数据库,哪一个最好?

欢迎任何建议=)

对不起,很长的帖子,这里有一些土豆(该死的,我需要10个声誉来张贴图片,所以这里是我的极简主义土豆):OOoO。

1 个答案:

答案 0 :(得分:0)

通常,我建议阅读GPS exif(虽然不确定Exif文件)并将坐标和照片位置存储在数据库中。对于具有PostGIS模块的地理数据库Postgre,它在提供具有大量GIS功能的几何和坐标方面非常出色。

然后,您可以使用sql查询从数据库中读取数据,并以您想要的任何格式将其发送到浏览器。使用PHP / Python或任何编程语言,您可以将数据格式化为JSON / GeoJSON并将其发送到客户端(javascript)并与您的传单代码混合。