しかし、Ajaxで郵便番号というとデータベースが絡んできて大変です。またフリーで落ちているものだと自由がきかなかったり郵便番号のデータの更新ができず、仕事で使うにはどうなのかなという感じです。
そこで、ボタンを押すことですぐに住所が入力されるものを有料で公開いたします。
]]> 【有料でできること】・日本郵便が公開しているデータをMySQLに簡単に取り込めるインストールスクリプト付き
・当然郵便番号のデータの更新が可能
・既存のサイトにそのまま組み込めるように、さまざまな形のインプットタグ、selectタグに対応
・IE6以上、firefox、safariでShift_JIS、EUC、UTF8で動作確認済
【価格と購入ページ】
価格は14,000円です。
クライアントから単品で頼まれることは少ないと思いますが、以前見積もりを出したときには7万円だったのでその20％にしました。
万一設定方法がわからなかった場合に備えて、専用のメールアドレスをファイルに添付してますので、設定に関する質問は購入していただいた方にお答えします。
]]>しかし高機能な反面、プログラムに詳しくないとネットで情報を見ながら、少しずつ試しながら作っていくというすごく効率の悪い方法でされている方も少なくないかと。
そこで今までに依頼されたGoogle Mapsの内容を公開しようと思います。
]]> 【その1】これがクライアントから求められる最もシンプルなものかなと思います。
function initialize() {
var Latlng = new google.maps.LatLng(34.654092,135.516401); //▲画面の中心(必須)
var Options = {
zoom: 14,
center: Latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), Options);
var infowindow = new google.maps.InfoWindow({
content: '通天閣です。大阪の象徴' //▲吹きだしの内容
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng(34.652553,135.506333), //▲マーカーの位置(必須)
icon: 'img/marker.png', //▲マーカー画像(必須)
shadow: 'img/shadow.png', //▲マーカー影画像
title: '通天閣', //▲マーカーの名前(マーカーの上にマウスが乗ったときに表示されます)
map: map
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
▲がついた部分を変更するだけで使えるようになりますが、マーカーの画像や吹き出しの内容を個別に設定していく形です。
これでクライアントの所在地地図などはできてしまうかと思います。
ひとつのマーカーだけならいいのですが、複数のマーカーを表示させ、しかもそれぞれのマーカーが別の画像で、別の吹き出しで表示させる場合には複雑になります。
またよく求められるのが地図の外にリンクを用意して、そのリンクをクリックすると地図上のマーカーを中心に持ってきて吹き出しを表示させるというものをここ数ヶ月で5つくらい相談されました。どのようなものかは動画にて
見難いのはお許しを・・・
JavascriptのソースはPHPなどでデータベースから情報であっても導入しやすいような形にしています。
【有料版でできること】
【価格と購入ページ】
価格は5,000円です。現在のデザイナーさんの時給を考えると2時間もかけてこの設定を自分で作ってしまうと損しちゃうのでささっと購入したほうがいいような値段にしました。
万一設定方法がわからなかった場合に備えて、専用のメールアドレスをファイルに添付してますので、設定に関する質問は購入していただいた方にお答えします。
]]>
そうなるとPCサイトとiPhoneサイトとをどうやって振り分けるのかという質問が多くなってきたのでわかりやすく簡単に説明しときます。
]]> iPhoneの振り分けは実は簡単でユーザーエージェントと呼ばれるサイトを見たときに自動で送られる情報で分けてしまえばOKです。方法としてはhtaccessを用意します。
まずはiPhoneサイトを置くディレクトリをiphoneだとしてテキストファイルで下記の内容を作って保存してください。
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
RewriteCond %{QUERY_STRING} !m=pc
RewriteRule ^/$ /iphone/ [R]
ここで大事なのはiPhoneからiPhone用のサイトではなくてPCサイトを見たいユーザーもいるので、その時には「index.html?m=pc」というリンクを作っておけば対応できます。
サーバにhtaccesをアップロードするには、アスキーモードで転送してファイル名は「.htaccess」とhtaccessの前にドットがついてることに注意してアップしてください。
上の内容でもiphoneディレクトリ以下に転送はできるようになりましたが、比較的クライアントからは同じURLで全てのページでスマートフォン全体でと頼まれることがあります。そこで実際に依頼されて納品したものを提供します。
【有料版でできること】
【価格と購入ページ】
価格は1,500円です。現在のデザイナーさんの時給を考えると1時間もかけてこの設定を自分で作ってしまうと損しちゃうのでささっと購入したほうがいいような値段にしました。
]]>