Membuat Google Maps Dan Menentukan Lokasi Sendiri

Hal ini dapat berguna jika Anda membuat web untuk hotel, perumahan, ataupun toko online agar pengunjung dapat mengetahui lokasi Anda dengan tepat.<br /><br />Dan dengan begitu akan memberikan kepercayaan tersendiri terhadap layanan online yang Anda bangun. Karena jika tidak ada kepercayaan, maka usaha online yang Anda bangun akan sia-sia saja.<br /><br />Nah kali ini saya akan share cara membuat Google Maps dengan menentukan lokasi kita sendiri dan menambahkan link web kita pada lokasi yang kita buat.<br /><br />Sebenarnya link tersebut tersemat sebagai rel="nofollow" namun setidaknya kita sudah menanamkan link blog kita di salah satu service tools milik Google.<br /><br />Untuk memulainya, silahkan Anda masuk ke webnya dan klik tombol <b>Create a new map</b> di bawah ini.<br /><br />Google Maps: <a href="https://mapsengine.google.com/map/" target="_blank">https://mapsengine.google.com/map/</a><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/9WIfrrE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://i.imgur.com/9WIfrrE.jpg" width="400" /></a></div><br />Kemudian setelah terbuka jendela baru, silahkan klik anchor text <b>Untitled Map</b> di kotak sebelah kiri untuk memulai membuat map Anda sendiri.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/KRWUSKt.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://i.imgur.com/KRWUSKt.jpg" width="400" /></a></div><br />Kemudian silahkan isi Map Title dan deskripsi untuk map yang Anda buat pada form dialog box yang muncul selanjutnya.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/Rh5rhq5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="http://i.imgur.com/Rh5rhq5.jpg" width="400" /></a></div><br />Kemudian silahkan ketikan nama tempat atau daerah Anda untuk menuju ke daerah Anda dengan mudah pada kotak search di atas.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/zZZAL87.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="http://i.imgur.com/zZZAL87.jpg" width="400" /></a></div><br />Setelah peta daerah tempat tinggal Anda terbuka silahkan cari tempat Anda dengan men-zoom petanya agar mudah menemukan tempat kita yang tepat pada peta tersebut. Setelah Anda menemukan titik yang tepat untuk rumah Anda, silahkan klik <b>ikon Marker</b> di bawah kotak pencarian di atas kemudian klik pada titik yang tepat sebagai tempat tinggal kita. Kemudian silahkan beri nama dan deskripsi untuk titik tersebut.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/xwk4pvY.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="http://i.imgur.com/xwk4pvY.jpg" width="400" /></a></div><br />Kemudian silahkan beralih pada kotak putih di sebelah kiri layar, di situ terdapat tab <b>Style</b>, <b>Data</b>, dan <b>Label</b>.<br /><br />Tab <b>Style </b>untuk merubah gaya pointer/marker yang Anda tentukan tadi sebagai ciri titik tempat tinggal Anda.<br /><br />Tab <b>Data </b>untuk menentukan data tempat tinggal Anda yang muncul ketika seseorang mengklik marker tersebut.<br /><br />Tab <b>Label </b>untuk memberikan label pada ikon Marker Anda.<br /><br />Kemudian silahkan klik tab <b>Data </b>untuk menyematkan link web Anda pada data peta kita. Kemudian silahkan klik tanda panah kecil dan klik Insert Column After.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/vZsNr5E.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="http://i.imgur.com/vZsNr5E.jpg" width="400" /></a></div><br />Kemudian ketikan <b>URL </b>pada kolom yang tersedia dan biarkan type-nya pada text.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/t6b5SWB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="http://i.imgur.com/t6b5SWB.jpg" width="400" /></a></div><br />Lalu silahkan re-fresh halamannya agar colom URL yang kita buat tadi muncul. Setelah itu silahkan klik kotak kosong di bawah tab URL dan paste URL blog Anda di situ.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/7MGaWIa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://i.imgur.com/7MGaWIa.jpg" width="400" /></a></div><br />Sekarang coba klik marker titik tempat tinggal Anda. Jika di situ belum muncul URL yang kita buat tadi silahkan klik icon pensil (edit) kemudian centang radio button URL-nya.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/uLECGbA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="http://i.imgur.com/uLECGbA.jpg" width="400" /></a></div><br />Sehingga ketika marker-nya diklik akan tampak seperti di bawah ini.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/qITXPBn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="http://i.imgur.com/qITXPBn.jpg" width="400" /></a></div><br />Kemudian silahkan klik tombol Share di pojok kanan atas, lalu klik tulisan Change pada Private dan rubah menjadi Publik on the web.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/HszW76Z.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="303" src="http://i.imgur.com/HszW76Z.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/74QNhPz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="http://i.imgur.com/74QNhPz.jpg" width="400" /></a></div><br />Kemudian silahkan klik icon folder pada kotak di sebelah kiri layar dan klik <b>Embed on my site</b> untuk mendapatkan kode embed untuk dipasang di blog kita.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/LF1OmC6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="http://i.imgur.com/LF1OmC6.jpg" width="400" /></a></div><br />Agar widgetnya menjadi responsive, maka Anda perlu memodif sedikit kode frame-nya, biasanya kode frame-nya akan seperti berikut ini.<br /><br /><span style="background-color: lime;"><iframe src="https://mapsengine.google.com/map/embed?mid=zQ6XcjwSDKlE.kRcezXkXvJ7c" width="640" height="480"></iframe></span><br /><br />Ganti kode <span style="background-color: lime;">width="640" height="480"</span> menjadi <span style="background-color: lime;">style="width:100%;height:480px;"</span> sehingga menjadi seperti di bawah ini.<br /><br /><span style="background-color: lime;"><iframe src="https://mapsengine.google.com/map/embed?mid=zQ6XcjwSDKlE.kRcezXkXvJ7c" style="width:100%;height:480px;"></iframe></span><br /><br />Bagi yang tidak ingin pakai iframe, Anda bisa menggunakan script iframe loader agar iframe tidak terdetek yang bisa mengurangi nilai seo blog kita. Sebagai contoh seperti Google Maps Kompi Ajaib di bawah ini.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/RQbjYPW.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="http://i.imgur.com/RQbjYPW.jpg" width="400" /></a></div><br />Agar tempat kita bisa dicari di Google Maps, kini kita sudah bisa kembali untuk menandai tempat kita di Google Maps, silahkan baca postingannya di link di bawah ini.<br /><br /><br />source : http://www.kompiajaib.com/2014/10/membuat-google-maps-dan-menentukan.html<br /><br />

Membuat Google Maps Dan Menentukan Lokasi Sendiri

Hal ini dapat berguna jika Anda membuat web untuk hotel, perumahan, ataupun toko online agar pengunjung dapat mengetahui lokasi Anda dengan ...

Baca selengkapnya »