tomipetit

  • Twitter
  • Facebook
  • Github
東京でWEB制作をしております。
職歴はまだまだ浅いですが、仕事関係で作ったツール等を少しでも共有できればと思いこのアカウントを作りました。
コードの間違いやもっと効率の良い書き方などありましたらどんどんご指摘くださいませ。(たぶんたくさんあります。。)
皆さまよろしくお願いします。

facebookの友達申請,twitterのフォローは基本的に面識ある方のみに限定していますので、申し訳ありませんがご了承下さい。
と言っても、ほとんど発信していませんので、フォローして頂いても面白くないと思います。。苦笑

Works

郵便番号→住所 変換スクリプト サンプル

郵便番号→住所 変換スクリプト(google maps API 使用) How to: ■basic $(住所を挿入したい要素).zip2adr(郵便番号); サンプル1参照 郵便番号入力欄からフォーカスが外れたとき、住所欄に住所を自動入力 ■advance 第2引数にコールバック関数を指定すると、都道府県、それ以下の住所、住所すべて(都道府県+それ以下の住所)を個別に取り出せます。フォームの要素が都道府県とそれ以下で分かれているときはこちらで使用してください。 <プロパティ> pref : 都道府県 below : それ以下の住所 adr : 住所すべて(都道府県+それ以下の住所) サンプル2参照 郵便番号入力欄からフォーカスが外れたとき、都道府県欄に都道府県を、住所欄にそれ以下の住所を自動入力

  • 9907
  • 1

googleMapを簡単に書くためのjqueryプラグイン

[id:test の要素に緯度経度35,135を中心の地図を表示] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 } // 緯度経度をlat,lngで指定 }); [+中心部にマーカーを付ける] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 }, myPlace :{ lat : 35.0000, lng : 135.0000 } // マーカーを置く場所を指定 }); ※上記のようにcenterと同じ座標ならば myplace:true でも可。 [+マーカーをオリジナル画像に。] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 }, myPlace :{ lat : 35.0000, lng : 135.0000, image : 'images/myplace.png' // オリジナル画像のパス } }); [+その他ポイントマーカーを追加。] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 }, myPlace :{ lat : 35.0000, lng : 135.0000, image : 'images/myplace.png' }, pointData:{ 0 : { lat :35.658602, lng : 139.74544}, // ポイントの座標をlat,lngで指定 1 : { lat :34.762811, lng : 137.381651} … } }); [+その他ポイントマーカーの画像を共通のオリジナル画像に。] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 }, myPlace :{ lat : 35.0000, lng : 135.0000, image : 'images/myplace.png' }, pointData:{ 0 : { lat :35.658602, lng : 139.74544}, 1 : { lat :34.762811, lng : 137.381651} … }, pointIcon:{ image : 'images/icon.png' // オリジナル画像のパス } }); [その他ポイントマーカーの画像を種類別で異なるオリジナル画像に。] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 }, myPlace :{ lat : 35.0000, lng : 135.0000, image : 'images/myplace.png' }, type:{ keyName : 'cate', // pointData内の種類が記されている要素を指定 pattern : { shop : {image : 'images/shop.png'}, // 種類毎にオブジェクトで画像パスを指定 event : {image : 'images/event.png'}, other : {image : 'images/other.png'} } } pointData:{ 0 : { lat : 35.658602, lng : 139.74544 , cate : 'shop'}, // 座標と種類名を指定 1 : { lat : 34.762811, lng : 137.381651 , cate : 'event'}, 2 : { lat :34.690083, lng : 135.195511, cate: 'other'}, … }, }); [+その他ポイントマーカーをクリックした時アラート表示] $('#test').mapView({ center :{ lat : 35.0000, lng : 135.0000 }, myPlace :{ lat : 35.0000, lng : 135.0000, image : 'images/myplace.png' }, pointData:{ 0 : { lat : 35.658602, lng : 139.74544, id : 123}, 1 : { lat : 34.762811, lng : 137.381651, id : 456}, … }, pointEvent : function(data,map,marker){ // data:ポイントデータ,map:mapオブジェクト, marker :markerオブジェクト google.maps.event.addListener(marker, 'click', function(){ alert("クリックしたマーカーIDは"+ data.id +"です"); }); } });

  • 1086
  • 0

Skills

  • Wordpress
  • Photoshop
  • Dreamweaver
  • Flash
  • Illustrator
  • jQuery
  • jQuery mobile
  • HTML5
  • CSS3
  • JavaScript
  • PHP

Hot tags

Categories

HTML / CSS / JavaScript