Cara konfigurasi Google Maps di blogspot anda

Dengan mengikuti petunjuk dasar ini Anda dapat mempublikasikan Google maps lokasi anda di blog Anda.
Hal ini dapat dilakukan dalam sebuah posting atau sidebar.
Jika Anda dapat mengatur link di blog Anda Anda dapat menetapkan peta juga.

Menyiapkan rancangan peta Anda.

Apakah Anda akan menampilkan?Berikut parameter harus dipilih sebelum Anda mulai mengedit source code:

pusat koordinat
zoom setting 0...17
dimensi peta (lebar, tinggi) di piksel
Jenis peta (peta / satelit / hibrid)

Anda juga dapat mengatur:

Jenis peta pakai tombol atau tidak
memperbesar atau mengecilkan kontrol geser tombol

Anda dapat dengan cepat belajar dan parameter yang ditetapkan pada

halaman ini desain bantuan.

menemukan lokasi secepat oleh seret kiri peta
menentukan ukuran
menemukan zoom
menulis koordinat

Dapatkan Google Maps API kunci

Buka template blog Anda

Masuk ke blog Anda
: Pilih 'Template' tab dan Anda dapat melihat sumber kode html Anda blog.atas kode seperti ini:

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span<br/>class="google-src-text" style="direction: ltr; text-align:<br/>left"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br/>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html<br/>xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br/><head> <title>My personal blog</title></span><br/><! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN"<br/>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns<br/>= "http : / / www.w3.org/1999/xhtml "xml: lang =" en "lang =" en "><br/><head> <Title> blog pribadi saya </<br/>title></span>

Copy / paste kode berikut di bawah tag <head>

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span<br/>class="google-src-text" style="direction: ltr; text-align:<br/>left"><script<br/>src="http://maps.google.com/maps?file=api&v=1&key=YourGoogleMapsAPIKey"<br/>type="text/javascript"></script></span><br/>src="http://maps.google.com/maps?file=api&v=1&key=YourGoogleMapsAPIKey"<br/><script type="text/javascript"> </ script></span>

Ganti

"YourGoogleMapsAPIKey" pada kedua baris dengan tombol yang Anda terima dari Google. Sekarang kode sumber Anda harus seperti ini:

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span<br/>class="google-src-text" style="direction: ltr; text-align:<br/>left"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br/>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html<br/>xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br/><head> <script<br/>src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAYxpy0HiKBWXiyhVrpVqkshRQ4cSWSDIG-IxrQCMGUWYgFGo6tRTSm0D-5pPBLuCQ0od7cPLu6d4nBQ"<br/>type="text/javascript"></script> <title>My personal<br/>blog</title></span> <! DOCTYPE html PUBLIC "- / / W3C /<br/>/ DTD XHTML 1.0 Strict / / EN"<br/>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns<br/>= "http : / / www.w3.org/1999/xhtml "xml: lang =" en "lang =" en "><br/><head> <script src ="<br/>http://maps.google.com/maps?file=api&v = 1 & kunci =<br/>ABQIAAAAYxpy0HiKBWXiyhVrpVqkshRQ4cSWSDIG-IxrQCMGUWYgFGo6tRTSm0D-5pPBLuCQ0od7cPLu6d4nBQ<br/>"type =" text / javascript "> </ script> <Title> blog<br/>pribadi saya </ title></span>

Pergi ke akhir kode sumber html

Cari hanya di atas jalur </ body>

Masukkan kode berikut

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span<br/>class="google-src-text" style="direction: ltr; text-align:<br/>left"><script type="text/javascript"> //<![CDATA[ var map =<br/>new GMap(document.getElementById("map")); map.addControl(new<br/>GSmallMapControl()); map.setMapType(G_MAP_TYPE) ; map.centerAndZoom(new<br/>GPoint(-72.585, 42.102), 2); //]]> </script></span><br/><script type="text/javascript"> //<![ CDATA [var peta baru<br/>GMap = (document.getElementById ( "map")); map.addControl (baru<br/>GSmallMapControl ()); map.setMapType (G_MAP_TYPE); map.centerAndZoom<br/>(new GPoint (-72,585, 42,102), 2); //]]> </<br/>script></span>

Edit parameter kode

Tentukan koordinat pusat dan zoom di:

 <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>map.centerAndZoom (new GPoint (-72,585, 42,102), 2);</span> <br /></pre> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Ganti (-72,585, 42,102) dengan pusat koordinat (bujur, lintang) dipisahkan koma dan dalam bentuk desimal.</span> <br /></li><li><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Ganti 2 oleh tingkat zoom.</span> <br /><br /></li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Atur peta jenis pilihan Anda di:</span> <pre> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>map.setMapType (G_MAP_TYPE);</span> <br /></pre> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Pilih (G_MAP_TYPE), (G_SATELLITE_TYPE) atau (G_HYBRID_TYPE)</span> <br /><br /></li><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Anda dapat mengatur tombol kontrol yang berbeda dalam gaya:</span> <pre> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">map.addControl(new GSmallMapControl());</span> </span><br /></pre> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span></span> </li></ul><h4><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">P</span>Tempatkan peta di blog sidebar</span> </li></h4><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Masukkan kode berikut ke template source code di posisi pilihan Anda:</span><br /><textarea style="height: 66px;" readonly="readonly" onclick="this.focus();this.select()" cols="60"><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span<br />class="google-src-text" style="direction: ltr; text-align:<br />left"><div id="map" style="width:300px; height:200px"> map<br />loading...</div></span> <div id="map"<br />style="width:300px; height:200px"> memuat peta ...</<br />span></span> </textarea><br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span> Edit lebar dan tinggi untuk selera Anda.</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>simpan dan menutup template.</span><h4><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Atau tempat peta dalam pos</span> </li></h4><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Buat yang baru.</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span> Ada dua modus di Posting Buat halaman.</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Tulis dan Edit Html.</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><br /></span> Anda dapat menulis teks Anda dalam modus Tulis tetapi pilih Edit Html modus bila Anda memasukkan kode berikut:</span><br /><textarea style="height: 66px;" readonly="readonly" onclick="this.focus();this.select()" cols="60"><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span<br />class="google-src-text" style="direction: ltr; text-align:<br />left"><div id="map" style="width:300px; height:200px"> map<br />loading...</div></span> <div id="map"<br />style="width:300px; height:200px"> memuat peta ...</<br />span></span> </textarea><br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Edit lebar dan tinggi.</span><h4><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">Publish</span> Publikasikan</span> </li></h4><div id="map" style="width: 300px; height: 200px; position: relative; background-color: rgb(229, 227, 223);"><div style="-moz-user-select: none; position: absolute; left: 2px; bottom: 2px;" class="gmnoprint"><a target="_blank" href="http://maps.google.com/maps?key=ABQIAAAAYxpy0HiKBWXiyhVrpVqkshTWg_xmhpETXrjHUj59zHLsinrq_xSAmAGIHF6kJpo3mJn5WnKDztG7kw&oi=map_misc&ct=api_logo" title="Klik untuk melihat area ini di Google Maps"><img src="http://maps.google.com/intl/id_ALL/mapfiles/poweredby.png" style="border: 0px none ; margin: 0px; padding: 0px; width: 62px; height: 30px; -moz-user-select: none; cursor: pointer;" /></a></div><div dir="ltr" style="-moz-user-select: none; position: absolute; right: 3px; bottom: 2px; color: black; font-family: Arial,sans-serif; font-size: 11px; white-space: nowrap; text-align: right;" class="gmnoprint"><span></span><span></span><a target="_blank" href="http://www.google.com/intl/id_ALL/help/terms_maps.html">Syarat Penggunaan</a></div><div class="gmnoprint" style="width: 37px; height: 94px; -moz-user-select: none; position: absolute; left: 7px; top: 7px;"><img src="http://maps.google.com/intl/id_ALL/mapfiles/smc.png" style="border: 0px none ; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; width: 37px; height: 94px; -moz-user-select: none;" /></div></div><br /><span onmouseover="_tipon(this)" onmouseout="_tipoff()">Jika Anda tidak mengedit parameter apapun, Anda harus memiliki peta Springfield sama persis seperti di atas.</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span> </span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><br /></span>Anda harus memeriksa browser Anda</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">.</span> Google Maps tidak dapat dilihat dengan browser terlalu lama dan JavaScript harus diaktifkan.</span><br /><script type="text/javascript"><!--<br />google_ad_client = "pub-3649938975494252";<br />google_ad_width = 110;<br />google_ad_height = 32;<br />google_ad_format = "110x32_as_rimg";<br />google_cpa_choice = "CAAQpeKZzgEaCL1N-uOV--c-KOP143Q";<br />//--></script><script style="display: none;" type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"><br /></script><h4><li> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Push pin</span> </li></h4><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></span>Tambahkan baris berikut ke JavaScript di akhir kode sumber:</span><pre> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">var point = new GPoint(-72.587, 42.1);</span> var = jalur baru GPoint (-72,587, 42,1);</span> <br /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">var marker = new GMarker(point);</span> var = penanda baru GMarker (titik);</span> <br /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">map.addOverlay(marker);</span> map.addOverlay (tanda);</span> <br />

Kode harus seperti:

Banyak push pin

Gandakan yang tiga baris sebanyak yang Anda inginkan.

Tips and Trick Computer

Sunday, January 4, 2009