Google Map and Map Search学習

3665 ワード

もっと読む
google mapといえば、多くのgoogle APIの中の一つであり、インターネット上でも多くのgoogle mapについて紹介されています.ここでは、自分のgoogle mapに対する認識をまとめて、google mapの基礎を開発する必要があります.初心者なら、google mapの公式サイトに行って、その開発過程を勉強することを勧めます.http://www.codechina.org/doc/google/gmapapi/#The_ハローWorldof_グーグルMapsは主にgoogle mapの実現の基本的な方法といくつかの拡張機能を含みます.1.HTMLに引用ファイルを追加すると、key=abcdefはgoogle mapに必要なkeyです.本機のテストはabcdefを使って、サーバーに公開する時は自分でgoogleに行ってkeyを申請しなければなりません.
 
 
 
 
 bodyに を するdiv Loadingを します.2.JSファイルで var mapElem=document.getElement ByIdをロードすることができます. マップの を します.        map=new GMap 2(mapElem)        map.enableScrrollWheelZoom()        geocoder=new GClient Geocoder()// アイコンを         var customUI=map.get Default UI();        customUID.maptypt.hybrid=false;        map.setUI(customUI);3. された にイベントGEvent.addListener(map,「Event」,function(oldLevel,newLevel)を します.         //ドソメットニング     }); Event:click、dblclick、singlerightclick、movestart、move、moveend、zoomend、addoverlay、drag、loadはまだたくさんあります.Google APIを してください.            varマーカー=new GMarkPoint;            GEvent.addListener(マーカー、「dragent」、function{latlng){   var emulat=latlng.lat()//ドラッグ&ドロップ の                 var emulng=latlng.lng()//ドラッグ&ドロップ                 $(「.Lgt Input」).val(eulat);/フロントのlabelに を する.                $(「.Lit Input」).val(eulng);            });             GEventt.addListener(マーカー、「drag」、function{latlng)                var emulat=latlng.lat()//ドラッグ&ドロップ の                 var emulng=latlng.lng()//ドラッグ&ドロップ                 $(「.Lgt Input」).val(eulat);                $(「.Lit Input」).val(eulng);            });             return maker;        } 5. に2 の の ルート、パラメータ: な 、 、 function setsDirectction(map、froomAddr、toAddr){var gdir=new GDirects(map);var geocodesr=new GClintGeocoder();geocoder.geocoder.dededededededededededededededededededededededededededededentGedsor();geocdedededededededededededededededededededededededededededededededededededededer;geocdsor;geocsor;geocsor;geoc{ var address Route=from:]+address+「@」+json.Placemark[0].Point.co ordinans[1]+「,」+json.Placemark[0].Point.co ordiemark[0]+「to:」+toAddr+“@”;gdiress.load;6.google local searchを して、google map APIは のプラグインを していますが、 ボックスはgoogle であり、 としてはもちろん されないので、 で と ボタンを し、JSでgoogle lacol searchを び す を します.     if(「.input」).val()/// ボックスから gLocalSearch.set CentrPoint(map.getCenter);gLocacall Search.setsSetsSize(GSearch.LARGEuRESULtSET);/インデックスの は、 4つのSeartsearch.seartSearch.seartSeartSeartSeartSeartSeartSeartSeartSeartSeartSeartSeartSeartSeartSearch(Codedededededededededededededededededededededededededededededededededederstcatcatcat{//エルゴード    for(var i=0;i<gLocal Search.results.length;i+){    var title=gLocal Search.results[i].title.replace(/\ig,");var itemHtml="
  • " + localTitle + ""+local Addr+";         if(gLocal Search.results[i].phoneNumbers)       itemHtml+=gLocal Search.result[i].phoneNumbers[0].number;                itemHtml+「」+String.from CharCode(「A」.charCodeAt(0)+i)+「
  • 」// の 、 、 などの はalert(itemHtml);       gLocal Search.execute('.input]).val()// を する        }     });