Javascript koken中生成的Mapbox地图
我是一个真正的javascript新手,我需要som帮助在koken a CMS中为摄影师实现mapbox地图的正确集成 这样做的目的是在地图上展示图片 现在,我的代码如下所示:Javascript koken中生成的Mapbox地图,javascript,mapbox,koken,Javascript,Mapbox,Koken,我是一个真正的javascript新手,我需要som帮助在koken a CMS中为摄影师实现mapbox地图的正确集成 这样做的目的是在地图上展示图片 现在,我的代码如下所示: <div id='map' style="height: 800px;"></div> <script> var map = L.mapbox.map('map', 'mymap') .setView([48.895513333333, 2.39237], 6); //lo
<div id='map' style="height: 800px;"></div>
<script>
var map = L.mapbox.map('map', 'mymap')
.setView([48.895513333333, 2.39237], 6);
//loop to create markers
<koken:load limit="30" source="contents">
<koken:loop>
L.mapbox.featureLayer({
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [
{{ geolocation.longitude }},
{{ geolocation.latitude }}
]
},
properties: {
'title' : '{{ content.title }} <br/> <a href="{{ content.url }}">Voir la photo</a>',
'marker-size': 'large',
'marker-color': '#CC0001',
'marker-symbol': 'camera'
}
}).addTo(map);
</koken:loop>
</koken:load>
</script>
我的问题是:
我正在做一个循环,在地图上添加一个又一个标记,这是一个好方法吗?创建变量的循环是一个更好的方法吗?
我的koken库的一些图像没有任何{{geolocation.longitude}或{{geolocation.latitude}},当此字段为空时,地图不会显示下一个标记。然后我尝试通过执行if{}进行过滤,但失败了。就像有人说我是个新手。。。有人能告诉我怎么做吗?
我试着把koken:负载限制增加到100,所有的东西都被吓坏了。。。有什么想法吗?我是否必须等待循环完成才能继续??
非常感谢那些愿意帮助我的人 我本来可以这样做的:
<div id='map' style="height: 800px;"></div>
<script>
var map = L.mapbox.map('map', 'mymap')
.setView([48.895513333333, 2.39237], 6);
// Array containing markers datas
var points = new Array();
//koken loop to populate markers datas
<koken:load limit="30" source="contents">
<koken:loop>
points.push({
cLng: {{ geolocation.longitude }} +0, // hack to add empty coordinate
cLat: {{ geolocation.latitude }} +0,
title: "{{ content.title }}",
url: "{{ content.url }}"
});
</koken:loop>
</koken:load>
// JS Loop thru markers datas to create markers on map
for(var idx in points) {
// Only for non empty coordinates
if((points[idx].cLng != 0) && (points[idx].cLat != 0)) {
L.mapbox.featureLayer({
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [
points[idx].cLng,
points[idx].cLat
]
},
properties: {
'title' : points[idx].title +' <br/> <a href="'+points[idx].url+'">Voir la photo</a>',
'marker-size': 'large',
'marker-color': '#CC0001',
'marker-symbol': 'camera'
}
}).addTo(map);
}
}
</script>
我不认识科肯,所以我不知道你的最后一个问题