きまっし金沢の雑記帖きまっし金沢の雑記帖きまっし金沢に掲載しなかった情報と掲載する前の情報を中心に掲載しています。自分の備忘録も兼ねています。観光や生活の相談フォーラムも設置しました。今まで、地図は自分で作って、大きな地図は自分でスクロール化をしたりしてたのですが、Googlemapを埋め込んでみようかなと思っています。Googlemapの進化が凄くて便利なので利用しない選択は無いという感じになってきています。いざ、Googlemapを導入しようかなと思って調べたら、Googlemapを導入するにあたって、クレジットカードの登録をしないと使えないように変わっていて、有料化が急激に進んでいるようです。2016年6月に上記を登録してAPIキーを取得しないといけない(従来からGooglemapを使っているサイトはしばらくは使えるらしい)というシステムに変わっていたようです。2018年7月16日からGooglemapを利用するための料金体系が大きく変わって、毎月200ドル分までは無料で、それ以降は有料になるというようになりました。200ドル分って25,000calls程度だという事なので、1回表示するごとに約1円という事です。ちなみに従来は1日25,000callsまで無料だったので、無料で使える範囲が約30分の1に減ったという事です。今後さらなる有料化が進む可能性もあるので、使用は限定的にしないといけないようです。APIキーを取得しました。https://console.cloud.google.com/?hl=jaGoogleサイトを参考に(というよりサンプルページ)を丸ごとコピーして使ってみましたが、最初にちょっと地図が表示しただけで、「エラーが発生しました。マップが正しく読み込まれませんでした。コンソールで技術情報をご確認ください。」との表示が・・・・・・Googleって、こういうのが多いんですよねえ。他のサイトも見てみたのですが、やっぱりエラーが発生します。情報が古くて、あまり役に立ちません。https://www.marie-web.design/blog/google-maps-api/を参考にして、なんとかGooglemapが表示するようになりました。Googlemapを使おうとしてAPIキーを取得した場合、そのAPIキーを使えるサイト(ドメイン)を制限しておく必要があります。しないと他のサイトで勝手にAPIキーを使われて、そのサイトの課金までGoogleから請求が来ることになります。どの画面で設定できるのか見つけるのに苦労すると思いますのでアドレスをメモしておきます。(ウェブサイト)—-リファラーを設定(ホームページを設定)です。https://www.tam-tam.co.jp/tipsnote/javascript/post7755.htmlを参考にして地図上に独自の形のマーカーを複数入れてクリック時に吹き出しの説明文を出せるようにしました。マーカーはpng,jpg,gifのいずれの画像でも可能のようです。実際にやってみましたが、成功しました。ご利用分の請求書のご案内が届きました。