ではありません -setLngLat()setPopupが、私はこのエラーを取得し、ポップアップが追加されていないレンダービュー一度機能
mapbox-gl.js:176 TypeError: (intermediate value).setLngLat(...).setPopup is not a function(…)
誰もがこれを顔やこれを修正するために何かを知っていますか?
コードがマーカーの上にポップアップを設定するには、このですが、私はhttps://www.mapbox.com/mapbox-gl-js/example/set-popup/
let tpl;
if (vendor.get('cachedAverageRating')) {
tpl = `
<div class='ui map-marker'>
<div class="photo">
<img src="${vendor.getAvatar() || FIXTURE_IMAGE}"></div>
<div class="ui violet counter">${vendor.get('cachedAverageRating')}</div>
</div>
`;
} else {
tpl = `
<div class='ui map-marker'>
<div class="photo">
<img src="${vendor.getAvatar() || FIXTURE_IMAGE}">
</div>
</div>
`;
}
let markerContainer = document.createElement('div');
markerContainer.innerHTML = tpl;
// create the popup
let markerPopup = new MapboxGL.Popup({offset: 25})
.setHTML(`<div>Name : ${vendor.get('name')}, Address : ${vendor.get('address')}, Rating : ${vendor.get('cachedAverageRating')}</div>`);
// create the marker
new MapboxGL.Marker(markerContainer, {offset:[-25, -25]})
.setLngLat([get(vendor, 'lon'), get(vendor, 'lat')])
.setPopup(markerPopup) // sets a popup on this marker
.addTo(map);
MapboxGLは正しいです。私の場合、私は初期化しました var MapboxGL = window.mapboxgl; その後、MapboxGLを使用します。 –
「ベンダー」変数に関する詳細情報をお送りしますか? – zibethin