Metode & Algoritma | List Tutorials | Source Code | About | Sitemap
Konsultan Tesis
Bimbingan dan Konsultasi Tesis Informatika bersama team Project Graduate Indonesia. Konsultasi hanya untuk yang sudah me-Like FB kami (Silahkan LIKE tombol ini jika belum).
. Scroll kebawah untuk memasukan kode AntiSpam Protection. Hasil konsultasi akan kami kirimkan ke email Anda.

Menampilkan Google Map pada Web atau Blog




.


Metode dan Algoritma | Menampilkan Google Map pada Web atau Blog . Anda bisa melakukan konsultasi tentang Menampilkan Google Map pada Web atau Blog melalui form di samping kanan !!!

Apabila kita mempunyai suatu web atau blog, terkadang kita ingin menampilkan atau memberitahu pembaca tentang lokasi suatu tempat, entah itu lokasi yang menarik, atau lokasi tempat bisnis atau rumah kita.

Untuk menambahkan peta Google Map, pertama anda harus mengetahui posisi koordinat lintang dan bujur (latitude dan longitude) dari tempat tersebut. Jika ada belum mengetahui posisinya dapat anda gunakan tool yang ada pada link berikut : Mencari Posisi Latitude Longitude dan Alamat Daerah pada Peta Google Map.

Kemudian tambahkan kode program script berikut ini pada halaman web atau blog Anda. Script tersebut terdiri dari Javascript dan HTML, sehingga harus ditempatkan dengan mode HTML, jangan menuliskan kode program di bawah ini dalam tulisan biasa (Compose) tapi ubah style-nya menjadi HTML.


<script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=id" type="text/javascript">

</script>

<script type="text/javascript">

var geocoder = new google.maps.Geocoder();



function initialize() {

  var latLng = new google.maps.LatLng(-7.8, 110.3666667);

  var map = new google.maps.Map(document.getElementById('mapCanvas'), {

    zoom: 12,

    center: latLng,

    mapTypeId: google.maps.MapTypeId.ROADMAP

  });

  var marker = new google.maps.Marker({

    position: latLng,

    title: 'Ambarrukmo Plaza Yogyakarta',

    map: map,

    draggable: true

  });

 

}





// Onload handler to fire off the app.

google.maps.event.addDomListener(window, 'load', initialize);

</script>

  <style>

  #mapCanvas {

    width: 500px;

    height: 300px;

    float: left;

  }

 

</style>



  <br />

<div id="mapCanvas">

</div>







Source Code ActionScript AS3 ASP.NET AJAX C / C++ C# Clipper COBOL ColdFusion DataFlex Delphi Emacs Lisp Fortran FoxPro Java J2ME JavaScript JScript Lingo MATLAB Perl PHP PostScript Python SQL VBScript Visual Basic 6.0 Visual Basic .NET Flash MySQL Oracle Android
Related Post :


Project-G
Judul: Menampilkan Google Map pada Web atau Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh hank2

Anda sedang membaca artikel tentang Menampilkan Google Map pada Web atau Blog, Semoga artikel tentang Menampilkan Google Map pada Web atau Blog ini sangat bermanfaat bagi teman-teman semua, jangan lupa untuk mengunjungi lagi melalui link Menampilkan Google Map pada Web atau Blog.


Posted by: Metode Algoritma Updated at: 17.47

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Label