APIで1日ハマったので、備忘録。強引だが、5ステップでまとめてみた。複数のカスタムマーカーにも対応してるので、これさえあれば、どの地図でもほぼほぼカバーできるでしょう。大雑把に書いたので、今後時間あるときにでも見やすく清書したいと思います。5ステップGoogleAPI登録し、APIコードを取得する下記HTMLコードの「あなたのGoogleMapsAPIコードをここ」にAPIコードペーストHTMLファイルをサーバーにアップ(オンラインのサーバーにアップすること。LAMP等のローカル環境NG)ブラウザでアクセスして、MAPが表示されればほぼ完成。あとはCSSとHTMLなど分解して自由にスタイリング。経度、緯度、ズーム、センターポジション、などを調べ、lat、lng、zoom等に入力。(マーカーのカスタマイズなどはコードのコメント参照を。「API」選択APIをメモ(これがAPIコード)APIに名前をつける「アプリケーション制限タブ」でリファラー(API使用を許可するURL)を入力。この際、テストサイトURLもつけておく。注意点:API制限でテストサーバーやローカル許可しても、本サイトでないと反映されないHTML内に追記(CSS含んでいるのでこれ一枚で完了)下記コードをhead内にペースト(といいながら、すみません、これペーストしなくてもいいです。ペーストすると閉じタグないし、おかしいですね。src="http://maps.google.com/maps/api/js?sensor=true_or_false">ポイント「true_or_false」は、位置検知センサー(GPSなど)がある機器ではtrue、それ以外はfalse。iPhoneなどの地図を表示する場合はtrue、それ以外はfalse。PC用の地図ならfalse。defer></script></body></html>スポンサードリンクGoogleGoogleMapsこの記事を書いた人mojigumi「もじぐみ」の代表、コウです。Web制作をしていますが、最近は記事そのものや、ブログ、動画などのコンテンツ配信にも力をいれています。インターネットの時代はコンテンツプロバイダになるのがとても重要。自分自身もランニングアートなど、自分自身がコンテンツになるように心がけています。記事一覧TwitterFacebookInstagramYouTubeこの記事が気に入ったらいいね!しよう最新の情報をお届けします古い投稿AIの恋愛セラピー?。[...]mojigumi2018年6月17日Webアドセンス合格から、広告表示までの3ステップ(WordPress対応版)前回は、アドセンス合格までの方法を紹介しましたが、今回は合格後、広告表示までの設定方法を紹介します。椎間板ヘルニア、ぎっくり腰、腰痛になってしまったら読む、治療方法、リハビリについての情報まとめアウトドア紅葉の北鎌倉「天園ハイキングコース」に行ってきたアウトドア紅葉の高尾山「もみじ祭り」にもみじ台まで行ってみたこの投稿へのコメントコメントはありません。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。この投稿へのトラックバックトラックバックはありません。特集ランニングアートダイエット目的ではじめたランニングで国立市にGPSアートを作っていて、作品数も20個以上に。牛乳パックを使った工作やペーパークラフト。用紙サイズ表PDF便利な用紙サイズ表PDFをダウンロードできます。タテ、ヨコ、両タイプあり。キャンプ、ツーリング、今年行きたい旅先まとめ(2020年版)2020年1月30日ジョギング国立市で干支ラン!ネズミのランニングアートで子年あけおめRUN2020年1月1日Webドメイン移管する方法、移管を受ける方法を簡単に説明2019年12月25日ジョギング国立市大学通りのクリスマスツリーをランニングアートで描きました🎄2019年12月24日イラスト、Webデザイン、動画、など様々なコンテンツ制作をしております「もじぐみ」です。ここでは仕事、趣味、お勉強ものや、映画レビュー、スポーツ、アウトドアなど、仕事から遊びまで、当事務所関連のブログを公開しております。reserved.動画編集Web制作デザインイラストランニングアート。