Mapbox featureLayer赢得't显示
Mapbox featureLayer won't show
所以,我有一个Mapbox映射,我正在循环一个数组来生成geojson对象的数组。我已经抽象出了一些方法——我测试了所有的方法,它们都有效,但我的标记没有显示出来。我做错了什么?
var map = L.mapbox.map('map', 'my_map_code_thing');
var geojson = [];
var layer = L.mapbox.featureLayer().addTo(map);
for (i = 0; i < myArray.length; i++) {
var marker =
{
"type": "Feature",
"geometry": {
"coordinates": [
myArray[i].latitude,
myArray[i].longitude
],
"type": "Point"
},
"properties": {
"title": myArray[i].title,
"address": myArray[i].address,
"marker-color": getColor(myArray[i].price_low),
"marker-size": "medium",
"marker-symbol": getSymbol(myArray[i].genre)
}
}
geojson.push(marker);
};
layer.setGeoJSON(geojson);
layer.on('ready', function() {
map.fitBounds(layer.getBounds());
});
我刚刚尝试运行您的代码,它运行得很好。我尝试的代码是:
var map = L.mapbox.map('map', 'my_map_code_thing');
var layer = L.mapbox.featureLayer().addTo(map);
var myArray= [
{
"latitude": -77.03238901390978,
"longitude": 38.913188059745586
},
{
"latitude": -122.414,
"longitude": 37.776
}
];
var geojson = [];
for(var i = 0; i < myArray.length; i++) {
var marker = {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [
myArray[i].latitude,
myArray[i].longitude
]
},
"properties": {
"title": "Mapbox DC",
"description": "1714 14th St NW, Washington DC",
"marker-color": "#fc4353",
"marker-size": "large",
"marker-symbol": "monument"
}
}
geojson.push(marker);
}
layer.setGeoJSON(geojson);
layer.on('ready', function() {
map.fitBounds(layer.getBounds());
});
只需确保您从myArray
中获得了latitude
、longitude
和其他properties
的正确值。
尝试layer.geoJSON(geojson);
而不是layer.setGeoJSON(geojson);
我相信我遇到了这个问题。一次偶然的机会,我不小心把镜头缩小了,看到我正在南极洲生成一个标记。反转lat/lng,一切都很好。
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 音频控件在mouseover上显示,在mouseout上淡出
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 显示5秒后隐藏潜水
- 画廊图像未显示
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 高亮显示时编辑文本大小和颜色
- 有时数据是't显示在浏览器中
- 当鼠标悬停在文本中的单词上时显示警报
- Mapbox featureLayer赢得't显示
- 在一个displayLevel显示来自featureLayer的数据