googlemap

googlemap

Google Maps のAPIの上限設定

Googleマップを使うには、APIキーが必要になり、1ヶ月あたり200ドル分は無料で利用できる。※1ヶ月200ドル分 = 約28000回Googleマップやストリートビューを表示。通常使用なら無料枠内で運用可能ですが、運用状況の変化の可...
googlemap

Googleマップをカスタマイズする方法。(モノトーンMAP)

今回は、モノトーンサンプルの確認依頼があってので、モノトーン地図を表示してみました。 表示確認内容 ・地図は背景はモノトーン表示。・駅アイコンは非表示にして、最寄りの駅及びバス停のみを表示する。・指定位置のマーカーは、カスタマ...
googlemap

Googleマップをカスタマイズする方法。(複数マーカー表示編)

前回マーカー表示にチャレンジしましたが、今回は複数のマーカー表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSamp...
googlemap

Googleマップをカスタマイズする方法。(吹き出し編)

前回マーカー表示にチャレンジしましたが、今回は吹き出し表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSample{...
googlemap

Googleマップをカスタマイズする方法。(マーカー表示編)

前回、カスタマイズした地図を表示しましたが、今回はマーカー表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSampl...
googlemap

Googleマップをカスタマイズする方法。(表示編)

前回、”Google Maps APIs Styling Wizard”を使って、地図をカスタマイズしましたが、今回は実際に自分のサイトへカスタマイズした地図の貼り付けにチャレンジします。 Google Maps APIの取得 ...
googlemap

Google Maps APIの取得

APIキーを取得する GoogleCloud Platformに接続 Googleアカウントでログイン 下記のページから、Googleアカウントでログインします。 GoogleCloud Platf...
googlemap

Googleマップをカスタマイズする方法。

Googleマップの色や、表示される項目をGoogle Maps APIs Styling Wizardで調整できます。 Google Maps APIs Styling Wizardの使い方 サイトへ移動 下記サイトへ...
googlemap

GoogleMapで地図を表示してみる。

Googleマップを埋め込む方法 GoogleMapを表示して、埋め込みたい地図を表示します。例として日本三景の”天橋立”の地図を表示します。検索欄に”天橋立”と入力して、検索します。 次に右下の”共有”をクリックしま...