カテゴリー
ホームページ製作

Mapboxでお世話になったサイト

Mapboxでお世話になったサイト

https://qiita.com/niwasawa/items/7e88278489cd0780e843

https://docs.mapbox.com/jp/yolp-to-mapbox/javascript/

https://docs.mapbox.com/jp/help/tutorials/custom-markers-gl-js/#%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%83%9E%E3%83%BC%E3%82%AB%E3%83%BC

https://docs.mapbox.com/mapbox-gl-js/api/markers/#marker#getlnglat

https://stackoverflow.com/questions/50899452/mapbox-gl-js-change-the-color-from-the-default-marker

https://studio.mapbox.com/

https://web-designer.cman.jp/javascript_ref/others/gps/

https://day-journal.com/memo/mapboxgljs-014/

https://docs.mapbox.com/jp/mapbox-gl-js/example/locate-user/

https://www.systemexpress.co.jp/htmlcss/geolocation.html

カテゴリー
ホームページ製作

Mapboxのマーカーに色を付ける

Mapboxのマーカーというか旗に色を付けるやり方。

初期値というかデフォルト。

var marker = new mapboxgl.Marker()
  .setLngLat([139.70, 35.65])
  .addTo(map);

マーカーに色を付ける。

var marker03 = new mapboxgl.Marker({ "color": "#b40219" }).setLngLat([139.70, 35.65])
.addTo(map);

マーカーの表示については、下記リンク先が参考になりました。

【参考リンク】
https://docs.mapbox.com/jp/yolp-to-mapbox/javascript/#%E3%83%9E%E3%83%BC%E3%82%AB%E3%83%BC%E3%81%AE%E8%A1%A8%E7%A4%BA