我正在学习javascript和传单,我正在寻找一些建议^^
我的目的是:
现在我成功手动将图片添加到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);
它有效。但我有一些问题,因为我不知道应该去哪里:
欢迎任何建议=)
对不起,很长的帖子,这里有一些土豆(该死的,我需要10个声誉来张贴图片,所以这里是我的极简主义土豆):OOoO。
答案 0 :(得分:0)
通常,我建议阅读GPS exif(虽然不确定Exif文件)并将坐标和照片位置存储在数据库中。对于具有PostGIS模块的地理数据库Postgre,它在提供具有大量GIS功能的几何和坐标方面非常出色。
然后,您可以使用sql查询从数据库中读取数据,并以您想要的任何格式将其发送到浏览器。使用PHP / Python或任何编程语言,您可以将数据格式化为JSON / GeoJSON并将其发送到客户端(javascript)并与您的传单代码混合。