私のマップ上にデータを表示できないようです。 geojsonファイルは膨大なので、外部ソースをロードしています。私のindex.htmlファイルは、私は、コンソールからこのエラーを取得しています。このマップボックスにgeojsonデータを読み込む
<div id='map'></div>
<script>
mapboxgl.accessToken = 'pk.eyJ1Ijoic2VhbmRyYWFkbG96ZSIsImEiOiJjajA3cW1pOTcwMDA5Mndvd2hicHlmNWc1In0.7bt7sPXDoymYJyVDvVmqZw';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/seandraadloze/cj1dcc3ho00f82smkvjxp4frb', //hosted style id
center: [24.530,-32.254], // starting position
zoom: 14.5 // starting zoom
});
var url = 'http://bestersurveys.co.za/htmlsite/quintin.geojson';
var source = new map.addSource()({
data: url
});
window.setInterval(function() {
source.setData(url);
}, 1000);
map.on('style.load', function() {
map.addSource("markers", source);
map.addLayer({
"id": "markers",
"type": "circle",
"visibility": "visible",
"source": "markers",
"paint": {
"circle-radius": 0.2,
"circle-color": "#f3f3f3"
}
});
});
</script>
</body>
</html>
のように見えます
map.js:895 Uncaught TypeError: Cannot read property 'addSource' of undefined
at new e.addSource (map.js:895)
at maptest.html:27
あなたがここにマップをチェックアウトすることができます - http://bestersurveys.co.za/htmlsite/maptest.html
は、誰もが私は教えてもらえます間違っている?
おかげ
ショーン
私は) 'VARソースは=新しいmap.addSource(この部分を推測している({'。新しいキーワードを削除してください。 –
こんにちはメイト、感謝。オーケーエラーをソートしますが、まだデータは、私のコンソールは今 不明なエラーを印刷しない:t.addSource(style.js:372)で e.addSource(マップで :スタイルt._checkLoaded(272 style.js)で をロードして行われていません。 js:895) at maptest.html:27 –
まあ、それ以前に遭遇したことはありません。 'map.on( 'style.load''の間にすべてを置くことで問題を解決できるので、スタイルがロードされるとすぐにコードが実行されます。 –