 |
| Simple maps |
Hello guys!!, pada kesempatan ini saya mau nyoba bikin "simple map" menggunakan google map API. Simple map ini mungkin sedikit berguna bagi anda yang ingin menampilkan peta pada area tertentu, menggunakan luasan area tertentu, dengan tingkat kedetilan tertentu, pada halaman web atau aplikasi yang sedang anda bangun. Berikut code nya :
<!DOCTYPE html> <html> <head> <title>Simple Map</title> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script> var map; function initialize() { var mapOptions = { zoom: 13, center: new google.maps.LatLng(-7.7933862,110.3750595) }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>Silahkan copy code di atas, lalu ikuti langkah kerja di bawah ini ;
- Paste code ke dalam notepad atau aplikasi text editor lain.
- Simpan (File - Save) dengan tipe file *.html.
- Buka file yang anda simpan menggunakan browser seperti mozilla firefox atau google chrome yang telah terintegrasi java di dalamnya. Dan pastikan komputer anda telah terhubung jaringan internet.
Demikian sedikit ulasan mengenai pembuatan simple map, untuk kustomisasi penentuan POI atau luasan wilayah dapat dilihat pada artikel kustomisasi POI. Semoga bermanfaat.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon