多数のマーカーを含む Mapbox GL マップがあります。ホバーすると、複雑なポップアップが表示されます。私の問題は、この複雑なコードを各マーカーの説明にコピーしたくないということです。理想的には、「レイアウト」セクションでスタイルを設定し、パラメーターのみを呼び出したいと思います。私はすでにアイコンマーカーでこのアプローチを使用しています。問題は、ポップアップのテキストに影響を与えるレイアウトセクションのパラメーターの名前がわからないことです-誰かが私を助けてくれますか? 理解を深めるために、コードの一部を添付します。パラメーターの使用法は、レイアウト セクションのアイコン画像で確認できます。
map.addLayer({
"id": "places",
"type": "symbol",
"source": {
"type": "geojson",
"data": {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"description": "<div class=\"mapbox_popisok\"><div class=\"trek_caption_header\"><strong><em>From Omalo to the Diklo fortress</em><br><br>Duration: </strong>4 hours<br><strong>Difficulty: </strong>Easy<br>blabla</div><div class=\"mapbox_wrapper\"></div><img class=\"obraztek\" src=\"OmaloDiklo_pr.jpg \" /></div>",
"icon": "yellow"
},
"geometry": {
"type": "Point",
"coordinates": [45.702117, 42.395926]
}
}, {
"type": "Feature",
"properties": {
"description": "<div class=\"mapbox_popisok\"><div class=\"trek_caption_header\"><strong><em>From Omalo to the Diklo fortress</em><br><br>Duration: </strong>4 hours<br><strong>Difficulty: </strong>Easy<br>blabla</div><div class=\"mapbox_wrapper\"></div><img class=\"obraztek\" src=\"OmaloDiklo_pr.jpg \" /></div>",
"icon": "yellow"
},
"geometry": {
"type": "Point",
"coordinates": [45.634342, 42.36961]
}
}]
}
},
"layout": {
"icon-image": "marker-{icon}",
"icon-allow-overlap": true,
"icon-size": 0.3,
"icon-offset": [0, -8],
}