来自geoJSON的Mapbox标记未出现在IE9中 [英] Mapbox markers from geoJSON not appearing in IE9
问题描述
我有一个从本地geoJSON文件加载标记的地图。这在我测试的所有浏览器(FF,Chrome,Safari,Opera,IE10,IE11)中都可以正常工作,但在IE9中没有。
I have a map that is loading markers from a local geoJSON file. This works fine in all browsers I have tested (FF, Chrome, Safari, Opera, IE10, IE11) but not in IE9.
我在地图上添加了一个标记而没有geoJSON(黄色巴士标记)确实在IE9中显示。
I added a marker to the map without geoJSON (the yellow bus marker) which does show up fine in IE9.
以下是相关代码:
// set up mapbox
var map = new L.mapbox.map('map', '########', {
tileLayer: {
detectRetina: true,
minZoom: 2
},
zoomControl: false
});
// marker without geoJSON
L.marker([-37.9, -77], {
icon: L.mapbox.marker.icon({
'marker-size': 'large',
'marker-symbol': 'bus',
'marker-color': '#fa0'
})
}).addTo(map);
// markers with geoJSON
var geoJsonData = L.mapbox.featureLayer().loadURL('http://nomacorc.cuberishosting.com/wp-content/themes/nomacorc/map-lib/sellers-locations.php').addTo(map);
您可以在以下位置看到一个有效的示例: http://nomacorc.cuberishosting.com/purchase-test/ 。
You can see a working example at: http://nomacorc.cuberishosting.com/purchase-test/.
这是一个链接到geoJSON文件: http:// nomacorc .cuberishosting.com / wp-content / themes / nomacorc / map-lib / sellers-locations.php
Here is a link to the geoJSON file: http://nomacorc.cuberishosting.com/wp-content/themes/nomacorc/map-lib/sellers-locations.php
geoJSON本身似乎在为我验证 http://geojsonlint.com/
The geoJSON itself appeared to validate for me at http://geojsonlint.com/
推荐答案
看起来像是在loadURL函数中调用JSON的方式。我用AJAX拉出JSON来修复它:
Looks like it was something with the way the JSON was being called in the loadURL function. I pulled the JSON with AJAX to fix it like so:
// url to file with geojson data
var url = 'http://nomacorc.cuberishosting.com/wp-content/themes/nomacorc/map-lib/sellers-locations.php';
// load geojson file
$.getJSON(url, function(data) {
var featureMarkers = L.mapbox.featureLayer(data, {sanitizer: function(string) {return string;}});
// The rest of my code here...
});
这篇关于来自geoJSON的Mapbox标记未出现在IE9中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!