Map上をクリックしたり、地名で検索するなどして、最終的に任意の地点の位置情報を取得する方法です。目次サンプルコードHTMLJS解説サンプルまずはサンプルをご覧ください。サンプルページ念の為キャプチャーも載せておきます。Map、そして緯度経度の値を表示します。検索ボタンを押すと入力された場所のMapが表示されます。Map上をクリックするとピンがその位置に移動し、また緯度経度の値もクリックした位置に変化します。<p>住所や駅名、目印などで検索できます。地図上をクリックするとマーカーを移動できます。基本的には以下の3つの機能でできています。・位置情報(緯度経度の値)をもとにGoogleMapを表示する・テキストフィールドに入力された文字で検索して位置情報を取得する・Map上をクリックして位置を取得し、Mapを再描画するMapの仕様は「地図表示に関するオプション」の部分でカスタマイズできます。APIのドキュメントで確認できます。コントロールまた、APIの取得には本来APIキーが必要ですので、キーを取得してAPIへのリンクにパラメーターとして追加しましょう。キーは以下から取得できます。キーの取得、認証やや昔に書いたコードなので解説が雑ですみません。(^^;)位置情報を使用したサービスを開発した際、位置情報を取得できないPCなどの端末で閲覧したときにユーザーが任意の位置を設定できるようにするため作成した仕組みです。ちなみにそのサービスは、このコードで取得した位置情報を使って現在地の周囲のお店を検索するという代物でした。CakePHPですが現在地と半径から座標を絞り込む方法は以下の記事に書いています。「絶賛〇〇中!」っていったい誰が絶賛しているんですかね。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。