# 訪問者がMAPに整数表示のピンを打って(ドラックやクリックにて)、どなたでもピンをクリックして数字を...... **URL:** \ **Category:** bubble\ **Created:** [2021 年 2 月 2 日午前 7:54 UTC](https://www.nocode-faq.com/t/topic/166 "2021-02-02T07:54:22Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\ **Post date:** [2021 年 2 月 2 日午前 7:54 UTC](https://www.nocode-faq.com/t/topic/166/1 "2021-02-02T07:54:22Z")
訪問者がMAPに整数表示のピンを打って(ドラックやクリックにて)、どなたでもピンをクリックして数字を変更や削除が出来保存される様にしたいです。 出来ればピンの表示が100を超えたら数字の背景を赤くしたり、地図のスケールを一定以上詳細には出来ない様に設定したいのですが、これを実現出来そうなツールはありますでしょうか？ bubbleでそれっぽいプラグイン Leafy Maps を購入してみましたが、使い方が全く分かりませんでした ---
**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\ **Post date:** [2021 年 2 月 2 日午前 7:54 UTC](https://www.nocode-faq.com/t/topic/166/2 "2021-02-02T07:54:23Z")
回答者 > **[Leafy Maps 🌿 (new free plugin)](https://forum.bubble.io/t/leafy-maps-new-free-plugin/63757)** > > I’m happy to present a new flexible and powerful map plugin for Bubble! It’s made of a map engine called Leaflet that coordinates everything and the ability to get maps from different providers, right now they’re Mapbox, Stadia and Openweather... こちらを見つけました。 Mapbox Stadia Openweather ３つの地図サービスどれでも使えるみたいなので、色々試してみても良いかもしれません。 で、 ①いずれかのサービスに登録 ②アカウントページにあるAPIキーをBubbleでのLeafmapプラグインの入力欄にコピペする。（-dev.の欄も同じものをあててください。） ひとまずこれで使えるようになります。 質問者 [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/44bdc0a668e3aebe22242289bdf7850d498c9ae8.jpeg "Bubbleの使い方 - Part 5 - フロントエンドを実際につくってみる２") ](https://www.youtube.com/watch?v=fvtpSB247gU) 奇跡的にgoogle API のセット動画(上記URL)を見つけられましたので、google 拡張マップ 導入しセットしたら上手く動作してます。 僕の実装したいマーカーカスタマイズは出来てませんが、ストリートビュー等機能がなんだか凄いので、載せておきます。 > > > Google API の話しは上記動画の33分頃です 回答者 しんじさんの動画ですね！ Mapはテンション上がりますよね(笑) マーカー機能は現状どうなのか例が見つかっていないところですね…話は変わりますが、複数マーカー機能はGlideにあります。 Bubbleにもあるとは思うんですが、意外と見つからない…。 ## 参考画像 ![FD0E12A7-4D0B-4E82-9A77-8EC8CA4F2A69.jpeg](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/cace2eaabfb58ca1573a44e227c2e4bd9c65780e.jpeg) ![image (8).png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/b642ed8f56b3faa7a743d16d1ec8b42eceae7921.png) ## 参考URL > **[Leafy Maps 🌿 (new free plugin)](https://forum.bubble.io/t/leafy-maps-new-free-plugin/63757)** > > I’m happy to present a new flexible and powerful map plugin for Bubble! It’s made of a map engine called Leaflet that coordinates everything and the ability to get maps from different providers, right now they’re Mapbox, Stadia and Openweather... [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/44bdc0a668e3aebe22242289bdf7850d498c9ae8.jpeg "Bubbleの使い方 - Part 5 - フロントエンドを実際につくってみる２") ](https://www.youtube.com/watch?v=fvtpSB247gU)