次の 3 つの主な機能を備えたカスタマイズされたマップを作成するために MapBox JS を使用しようとしています。
- カスタム マーカー イメージ (アイコン)
- Fly-to Location（ゆっくりまたは一般的なもの）
- マーカーのフィルタリング
機能 1 と 2 は同じ JS ファイルに該当しないようです。彼らは異なるバージョンのJSファイルを使用しているようです。以下のリンクを参照してください。
Mapbox を試して、これら 2 つの異なる機能を 1 つに使用した人はいますか?
noConflict も使用しましたが、そのようには機能しません! バージョン v0.18.0 の JS & CSS ファイルを使用してカスタム マーカーを作成することを見つけようとしましたが、別のバージョン (v2.4.0) ではそのようなアイコンを取得しないようです。
以下は、異なるバージョンのファイルを使用する機能の 2 つの例です。
https://www.mapbox.com/mapbox-gl-js/example/flyto/
https://www.mapbox.com/mapbox.js/example/v1.0.0/custom-marker/
私が見つけたJSとCSSのバージョンファイル：
これは機能 2 と 3 用です
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.css' rel='stylesheet' />
これは機能 1 - カスタム マーカー用です。
<script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' />