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を申請しなければなりません. " + 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()// を する } });
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="