Feb 12, 2014

Get my location using geocoding& reverse geocoding



This app is get mylocation and my address using reverse geocoding.

You will typing for want place. This app find that place using geocoding.

And you see icon(starbucks and kfc) using overlay.





 If you running the app that will see message(GPS coordinate)

And you touched check button that will see your location address
using reverse geocoding


If you typing place that will see that place map&marker.





This is index.html file

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>Geolocation</title>
  5.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  6.     <meta charset="utf-8">
  7.     <style>
  8.       html, body, #map-canvas {
  9.         height: 100%;
  10.         margin: 0px;
  11.         padding: 0px
  12.       }    
  13.        #panel {
  14.         position: absolute;
  15.         top: 5px;
  16.         left: 50%;
  17.         margin-left: -180px;
  18.         z-index: 5;
  19.         background-color: #fff;
  20.         padding: 5px;
  21.         border: 1px solid #999;
  22.       }
  23.     </style>
  24.    
  25.     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
  27.     <script>
  30. var map;
  31. var pos;
  32. var marker;
  33. var starbuckslatlng;
  34. var kfclatlng;
  35. var geocoder;
  38. function initialize() {
  39.   var mapOptions = {
  40.     zoom: 15
  41.   };
  42.   var curLat;
  43.   var curLng;
  44.   geocoder = new google.maps.Geocoder();
  45.   map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
  50.   if(navigator.geolocation) {
  51.      navigator.geolocation.getCurrentPosition(function(position) {  
  52.          curLat=position.coords.latitude;
  53.          curLng=position.coords.longitude;
  54.          
  55.          alert("My location is\nlatitude:"+curLat+"\nlongitude:"+curLng);  
  56.          pos = new google.maps.LatLng(curLat,curLng);
  57.          marker = new google.maps.Marker({
  58.              map: map,
  59.             //animation: google.maps.Animation.BOUNCE,
  60.             position: pos
  61.         });
  62.         map.setCenter(pos);
  63.         reverseGeocode(curLat,curLng);  
  64.      }, function() {
  65.       handleNoGeolocation(true);
  66.     });
  67.    
  68.      
  69.   } else {
  70.    
  71.     handleNoGeolocation(false);
  72.   }
  73.   addItem();
  76. }
  78. function reverseGeocode(relat,relng){   //for reverse Geocoding
  79.    
  80.     var regeocoder = new google.maps.Geocoder();
  81.     var relatlng=new google.maps.LatLng(relat,relng);
  82.     var info = new google.maps.InfoWindow({
  83.         map: map,
  84.         position: relatlng
  85.       });
  86.    
  87.    
  88.     regeocoder.geocode({ 'latLng': relatlng}, function(results, status){
  89.         if(status == google.maps.GeocoderStatus.OK){
  90.              
  91.             if(results[1]){
  92.                 info.setContent(results[1].formatted_address);
  93.                 info.open(map,marker);
  94.             }else{
  95.                 alert("Geocoder failed due to:"+status);
  96.             }
  97.         }
  98.     });
  99.    
  100. }
  102. function addItem(){    //for add Item(overlay)
  103.    
  104.     starbuckslatlng=new google.maps.LatLng(35.218,128.6);
  105.     kfclatlng=new google.maps.LatLng(35.215,128.6);
  106.     starbucksMap=new google.maps.Marker({
  107.         position:starbuckslatlng,
  108.         icon:'starbucks.jpg',
  109.         map:map
  110.     });
  111.    
  112.     kfcMap=new google.maps.Marker({
  113.         position:kfclatlng,
  114.         icon:'kfc.jpg',
  115.         map:map
  116.     });
  117.    
  118.    
  119.     google.maps.event.addListener(starbucksMap,'click',function(){
  120.         alert("여기는 스타벅스입니다");
  121.     });
  122.     google.maps.event.addListener(kfcMap,'click',function(){
  123.         alert("여기는 kfc입니다");
  124.     });
  125. }
  127. function handleNoGeolocation(errorFlag) {  
  128.   if (errorFlag) {
  129.     var content = 'Error: The Geolocation service failed.';
  130.   } else {
  131.     var content = 'Error: Your browser doesn\'t support geolocation.';
  132.   }
  134.   var options = {
  135.     map: map,
  136.     position: new google.maps.LatLng(35, 125),
  137.     content: content
  138.   };
  140.   var infowindow = new google.maps.InfoWindow(options);
  141.   map.setCenter(options.position);
  142. }
  144. function codeAddress() {    //for  Geocoding
  145.    
  146.   var address = document.getElementById('address').value;
  147.   geocoder.geocode( { 'address': address}, function(results, status) {
  148.     if (status == google.maps.GeocoderStatus.OK) {
  149.       map.setCenter(results[0].geometry.location);
  150.       var marker2 = new google.maps.Marker({
  151.           map: map,
  152.           position: results[0].geometry.location
  153.       });
  154.       var infowindow=new google.maps.InfoWindow({
  155.           map:map,
  156.           position: results[0].geometry.location,
  157.           content:address
  158.       });
  159.       infowindow.open(map,marker2);
  160.     } else {
  161.       alert('Geocode was not successful for the following reason: ' + status);
  162.     }
  163.   });
  164. }
  167. google.maps.event.addDomListener(window, 'load', initialize);
  169.     </script>
  170.   </head>
  171.   <body>
  172.       <div id="panel">
  173.       <input id="address" type="textbox" value="창원시청">
  174.       <input type="button" value="Go!!" onclick="codeAddress()">
  175.     </div>
  176.     <div id="map-canvas"></div>
  177.   </body>
  178. </html>


This is mainactivity.java



  1. package com.answerofgod.mymapgeocode;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  5. import android.webkit.GeolocationPermissions;
  6. import android.webkit.GeolocationPermissions.Callback;
  7. import android.webkit.WebChromeClient;
  8. import android.webkit.WebView;
  10.                                             // for using geolocation method
  11. public  class MainActivity extends Activity implements GeolocationPermissions.Callback {
  12.    
  13.    
  14.     WebView mapview;    //just webview.
  15.     String url="file:///android_asset/www/index.html";  //local html file
  16.     protected void onCreate(Bundle savedInstanceState) {
  17.         super.onCreate(savedInstanceState);
  18.         setContentView(R.layout.activity_main);
  19.        
  20.        
  21.         mapview=(WebView) findViewById(R.id.mapview);   //casting webview
  22.         mapview.getSettings().setJavaScriptEnabled(true);                       //webview options
  23.         mapview.getSettings().setGeolocationEnabled(true);                      //
  24.         mapview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);   //
  25.        
  26.         Geoclient geoclient=new Geoclient();    //casting class
  27.        
  28.         mapview.setWebChromeClient(geoclient);  //set webchromeclient for permission
  29.         String origin="";  
  30.         geoclient.onGeolocationPermissionsShowPrompt(origin,this);  //for permission
  31.         mapview.loadUrl(url);
  32.     }
  33.         public void invoke(String origin, boolean allow, boolean retain) {
  34.        
  35.        
  36.     }
  37.        
  38.    
  40.     class Geoclient extends WebChromeClient{    //for display mylocation
  41.         @Override
  42.         public void onGeolocationPermissionsShowPrompt(String origin,Callback callback){
  43.            
  44.             super.onGeolocationPermissionsShowPrompt(origin, callback);
  45.             callback.invoke(origin,true,false);
  46.         }
  47.        
  48.     }
  49. }










작성자: 시간:
라벨: , , , , , , , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)