Merhaba arkadaşlar, öncelikle JS hakkında bir bilgim yok. İnternetten bir adet HTML vcard indirdim. İletişim kısmında, Google Maps'ten konum bilgisi çekiyor ve alakasız bir yeri gösteriyor. Amacım, kendi bulunduğum konumu göstermesi, ama beceremedim.
Kaynak dosyalarına baktığımda,
jquery.gmap.min.js adında bir dosya var ve, içeriği;
[JSR]/**
* jQuery gMap v3
*
* @url http://www.smashinglabs.pl/gmap
* @author Sebastian Poreba
* @version 3.2.0
* @date 19.08.2011
*/
(function(i){var d=google.maps,m=new d.Geocoder,n=0,e={},e={init:function(a){var b,c=i.extend({},i.fn.gMap.defaults,a);for(b in i.fn.gMap.defaults.icon)c.icon[b]||(c.icon[b]=i.fn.gMap.defaults.icon[b]);return this.each(function(){var a=i(this),b=e._getMapCenter.apply(a,[c]);if(c.zoom=="fit")c.zoom=e.autoZoom.apply(a,[c]);var j=new d.Map(this,{zoom:c.zoom,center:b,mapTypeControl:c. mapTypeControl,zoomControl:c.zoomControl,panContro l:c.panControl,scaleControl:c.scaleControl,streetV iewControl:c.streetViewControl,
mapTypeId:c.maptype,scrollwheel:c.scrollwheel,maxZ oom:c.maxZoom,minZoom:c.minZoom});c.log&&console.l og("map center is:");c.log&&console.log(b);a.data("$gmap",j);a.da ta("gmap",{opts:c,gmap:j,markers:[],markerKeys:{},infoWindow:null});if(c.controls.len gth!==0)for(b=0;b
Google maps ufak bir sorum (JS.)
2
●772
- 19-08-2014, 07:43:15Kimlik doğrulama veya yönetimden onay bekliyor.kardeş bu adresten http://serhan.bastug.com/drag.html
Koordinat al senin kodlardaki.
latitude:null,longitude:null
Null yerlerine gir.
latitude:39.914476,longitude:32.852211
Aşağıdakileri de kullanabilirsin. 5 seçenek mevcut.
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAA6cQIrMEc9zlaKBjWiPM5rxSjlBXfTSDcGsB79vzL90uiOHMpbBRa1FFoX2YfuQNFvFKxQtpz0ZCeuw&hl=en"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript" src="http://gmap.nurtext.de/js/jquery.gmap-1.1.0-min.js"></script> <script type="text/javascript" src="http://gmap.nurtext.de/js/jquery.scrollTo-1.4.2-min.js"></script> <script type="text/javascript" src="http://gmap.nurtext.de/js/jquery.localscroll-1.2.7-min.js"></script> <script type="text/javascript"> /** * jQuery gMap * * @url http://gmap.nurtext.de/ * @author Cedric Kastner <cedric@nur-text.de> * @version 1.1.0 */ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(q($){$.G.H=q(d){6(!19.N||!N()){I J}K e=$.1a({},$.G.H.O,d);I J.1b(q(){$8=5 1c(J);$D=5 1d();6(e.p){$D.L(e.p,q(a){$8.v(a,e.r)})}s{6(e.t&&e.u){$8.v(5 M(e.t,e.u),e.r)}s{6($.h(e.k)&&e.k.w>0){6(e.k[0].p){$D.L(e.k[0].p,q(a){$8.v(a,e.r)})}s{$8.v(5 M(e.k[0].t,e.k[0].u),e.r)}}s{$8.v(5 M(E.1e,9.1f),e.r)}}}$8.1g(e.P);6(e.x.w==0){$8.1h()}s{Q(K i=0;i<e.x.w;i++){1i("$8.1j(5 "+e.x[i]+"());")}}6(e.R==S&&e.x.w!=0){$8.1k()}Q(K j=0;j<e.k.w;j++){3=e.k[j];7=5 1l();7.y=e.4.y;7.z=e.4.z;7.T=($.h(e.4.l))?5 F(e.4.l[0],e.4.l[1]):e.4.l;7.U=($.h(e.4.m))?5 F(e.4.m[0],e.4.m[1]):e.4.m;7.V=($.h(e.4.n))?5 A(e.4.n[0],e.4.n[1]):e.4.n;7.W=($.h(e.4.o))?5 A(e.4.o[0],e.4.o[1]):e.4.o;6(3.4){7.y=3.4.y;7.z=3.4.z;7.T=($.h(3.4.l))?5 F(3.4.l[0],3.4.l[1]):3.4.l;7.U=($.h(3.4.m))?5 F(3.4.m[0],3.4.m[1]):3.4.m;7.V=($.h(3.4.n))?5 A(3.4.n[0],3.4.n[1]):3.4.n;7.W=($.h(3.4.o))?5 A(3.4.o[0],3.4.o[1]):3.4.o}6(3.p){6(3.f=="1m"){3.f=3.p}$D.L(3.p,q(b,c){I q(a){g=5 X(a,b);6(c.f){g.Y(e.B+c.f+e.C)}6(c.f&&c.Z){g.10(e.B+c.f+e.C)}6(g){$8.11(g)}}}(7,3))}s{6(3.f=="1n"){3.f=3.t+", "+3.u}g=5 X(5 A(3.u,3.t),7);6(3.f){g.Y(e.B+3.f+e.C)}6(3.f&&3.Z){g.10(e.B+3.f+e.C)}6(g){$8.11(g)}}}})};$.G.H.O={p:"",t:0,u:0,r:1,k:[],x:[],R:S,P:1o,B:\'<12 1p="1q">\',C:"</12>",4:{y:"13://14.15.16/17/3.18",z:"13://14.15.16/17/1r.18",l:[1s,E],m:[1t,E],n:[9,E],o:[9,2]}}})(1u);',62,93,'|||marker|icon|new|if|gicon|gmap|||||||html|gmarker|isArray|||markers|iconsize|shadowsize|iconanchor|infowindowanchor|address|function|zoom|else|latitude|longitude|setCenter|length|controls|image|shadow|GPoint|html_prepend|html_append|geocoder|34|GSize|fn|gMap|return|this|var|getLatLng|GLatLng|GBrowserIsCompatible|defaults|maptype|for|scrollwheel|true|iconSize|shadowSize|iconAnchor|infoWindowAnchor|GMarker|bindInfoWindowHtml|popup|openInfoWindowHtml|addOverlay|div|http|www|google|com|mapfiles|png|window|extend|each|GMap2|GClientGeocoder|885931|84375|setMapType|setUIToDefault|eval|addControl|enableScrollWheelZoom|GIcon|_address|_latlng|G_NORMAL_MAP|class|gmap_marker|shadow50|20|37|jQuery'.split('|'),0,{})) $(function() { $("#footer").localScroll(); $("#map1").gMap({ markers: [{ latitude: 37.064492, longitude: 37.384071 }] }); $("#map2").gMap({ maptype: G_PHYSICAL_MAP }); $("#map3").gMap({ markers: [{ latitude: 37.064492, longitude: 37.384071, html: "gaziantep, turkey", popup: true }], zoom: 6 }); $("#map5").gMap({ controls: false, scrollwheel: false, markers: [{ latitude: 47.670553, longitude: 9.588479, icon: { image: "http://gmap.nurtext.de/images/gmap_pin_orange.png", iconsize: [26, 46], iconanchor: [12,46], infowindowanchor: [12, 0] } }, { latitude: 47.65197522925437, longitude: 9.47845458984375 }, { latitude: 47.594996, longitude: 9.600708, icon: { image: "http://gmap.nurtext.de/images/gmap_pin_grey.png", iconsize: [26, 46], iconanchor: [12,46], infowindowanchor: [12, 0] } }], icon: { image: "http://gmap.nurtext.de/images/gmap_pin.png", iconsize: [26, 46], iconanchor: [12, 46], infowindowanchor: [12, 0] }, latitude: 47.58969, longitude: 9.473413, zoom: 10 }); $("#map4").gMap({ markers: [{ latitude: 47.651968, longitude: 9.478485, html: "_latlng" }, { address: "Tettnang, Germany", html: "The place I live" }, { address: "Langenargen, Germany", html: "_address" }], address: "Braitenrain, Germany", zoom: 10 }); }); </script> <div id="map1" style="width: 547px; height: 320px; border: 1px solid #777; overflow: hidden; padding-top:15px; margin-bottom:15px"></div> <div id="map2" style="width: 547px; height: 320px; border: 1px solid #777; overflow: hidden; padding-top:15px; margin-bottom:15px"></div> <div id="map3" style="width: 547px; height: 320px; border: 1px solid #777; overflow: hidden; padding-top:15px; margin-bottom:15px"></div> <div id="map4" style="width: 547px; height: 320px; border: 1px solid #777; overflow: hidden; padding-top:15px; margin-bottom:15px"></div> <div id="map5" style="width: 547px; height: 320px; border: 1px solid #777; overflow: hidden; padding-top:15px; margin-bottom:15px"></div>