Posted on

グーグルマップを使ってみた

今回、管理側で指定した地図の場所を公開側で表示させる仕様のお仕事が来たのでグーグルマップを取り入れました。

まずグーグルマップAPIにグーグルマップを使用するURLのドメインを登録してプロダクトキーを取得します。
プロダクトキーを取得するのにグーグルアカウントが必要なのでアカウントを作ってログインしておきます。
このURLでプロダクトキーを取得
URL:http://code.google.com/intl/ja/apis/maps/signup.html
記述は次のような感じです。


上記の内容を記述しておきタブの中に


と記述します。これでグーグルマップが表示されていてポインタをドラッグして移動さすことができ保存する時にhiddenでX座標、Y座標を取得できるのでその内容をDBに保存するという感じで公開側で指定した座標の地図が表示出来るようになります。