サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
コーヒー沼
zenn.dev/renshimosawa
例によって、今回も備忘録です。 まず完成したものは、こちら このようなネイティブアプリを作ろうと思い地図を作りましたが、データを一回載せてみてみたくて、自分のサイトに乗っけてみました。 ローカルでの実装はテンプレ通りすぐできます。が、ビルドするためにエラーを消すのに一苦労でした。 環境 Next.js, TypeScriptのサイト Google Cloud PlatformでAPIを発行する GCPでMaps JavaScript APIを発行し、Keyを.envに入れる react-google-mapsで、実装したいモデルを探す イントロダクションを見て、インストール可能です。 Reactのバージョンが新しいと使えるコンポネントが違うので、一応読みましょう。 さっきコピったAPIKeyを入れれば、サンプルを見れます。 今回は、古地図のデータをSVGで用意し、マップ上に張り付けて透過さ
このページを最初にブックマークしてみませんか?
『zenn.dev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く