|
|
Metode dan Algoritma | Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map . Anda bisa melakukan konsultasi tentang Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map melalui form di samping kanan !!!
Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map. Setelah berhasil menampilkan Peta GoogleMap dengan OpenLayers, coba kita pelajari teknik menampilkan Peta Web dari Yahoo ini. Memang tidak sepopuler GoogleMap tetapi cukup berkualitas juga.
Seperti diterangkan sebelumnya, agar script di bawah ini dapat dijalankan, silakan mendownload dan menginstall OpenLayers, dari sini. Bagi yang belum paham bisa membaca dahulu artikel Mengenal OpenLayers berikut ini.
Buatlah file HTML openlayers-yahoo-map.html :
<!DOCTYPE html> <html lang='en'> <head> <title>YahooMap - OpenLayers</title> <meta charset='utf-8' /> <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script> <script type='text/javascript' src='OpenLayersOld.js'></script> <script type='text/javascript'> var map; function init() { //Create the map object map = new OpenLayers.Map('map_element'); //Hybrid Layer var yahoo_hybrid = new OpenLayers.Layer.Yahoo( "Hybrid", {type: YAHOO_MAP_HYB, numZoomLevels: 24} ); //Satellite Layer var yahoo_satellite = new OpenLayers.Layer.Yahoo( "Satellite", {type: YAHOO_MAP_SAT, numZoomLevels: 20} ); //Streets (Default) Layer var yahoo_street = new OpenLayers.Layer.Yahoo( "Street", {} ); //Add the Yahoo map layers map.addLayers([yahoo_hybrid, yahoo_satellite, yahoo_street]); //Add a layer switcher control map.addControl(new OpenLayers.Control.LayerSwitcher()); // Zoom the map to the max extent if(!map.getCenter()){ map.zoomToMaxExtent(); } } </script> </head> <body onload='init();'> <div id='map_element' style='width: 500px; height: 500px;'></div> </body> </html>
Hasilnya :
Filenya dapat didownload disini. Jika kesulitan, cara downloadnya seperti ini .
Untuk OpenLayers-nya ini adalah koleksi pribadi yang penulis gunakan, sebaiknya anda langsung mendownload package OpenLayers dari web resminya seperti yang diterangkan di atas.
Semoga menyenangkan ^_^
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 :
Judul: Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh hank2
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh hank2
Anda sedang membaca artikel tentang
Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map, Semoga artikel tentang Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map ini sangat bermanfaat bagi teman-teman semua, jangan lupa untuk mengunjungi lagi melalui link
Membuat Aplikasi Web Peta OpenLayers untuk Menampilkan Yahoo Map.
{ 0 komentar... Views All / Send Comment! }
Posting Komentar