Apex Code Development You need to sign in to do that
Don't have an account?
sawaji varun how to save the tracked map address into text box
I'm able to track the address and display it, Now I want to save it into text.The code is given below
<apex:page > <html> <head> <meta charset="UTF-8" /> <title>Geolocation and Google Maps API</title> <script src="http://maps.google.com/maps/api/js?sensor=true"></script> <script> function writeAddressName(latLng) { var geocoder = new google.maps.Geocoder(); geocoder.geocode({ "location": latLng }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) document.getElementById("address").innerHTML = results[0].formatted_address; else document.getElementById("error").innerHTML += "Unable to retrieve your address" + "<br />"; }); } function geolocationSuccess(position) { var userLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); // Write the formatted address writeAddressName(userLatLng); var myOptions = { zoom : 16, center : userLatLng, mapTypeId : google.maps.MapTypeId.ROADMAP }; // Draw the map var mapObject = new google.maps.Map(document.getElementById("map"), myOptions); // Place the marker new google.maps.Marker({ map: mapObject, position: userLatLng }); // Draw a circle around the user position to have an idea of the current localization accuracy var circle = new google.maps.Circle({ center: userLatLng, radius: position.coords.accuracy, map: mapObject, fillColor: '#0000FF', fillOpacity: 0.5, strokeColor: '#0000FF', strokeOpacity: 1.0 }); mapObject.fitBounds(circle.getBounds()); } function geolocationError(positionError) { document.getElementById("error").innerHTML += "Error: " + positionError.message + "<br />"; } function geolocateUser() { // If the browser supports the Geolocation API if (navigator.geolocation) { var positionOptions = { enableHighAccuracy: true, timeout: 10 * 1000 // 10 seconds }; navigator.geolocation.getCurrentPosition(geolocationSuccess, geolocationError, positionOptions); } else document.getElementById("error").innerHTML += "Your browser doesn't support the Geolocation API"; } window.onload = geolocateUser; </script> <style type="text/css"> #map { width: 500px; height: 500px; } </style> </head> <body> <h1>Basic example</h1> <div id="map"></div> <p><b>Address</b>: <span id="address"></span></p> <p id="error"></p> </body> </html> </apex:page>
<apex:page > <html> <head> <meta charset="UTF-8" /> <title>Geolocation and Google Maps API</title> <script src="http://maps.google.com/maps/api/js?sensor=true"></script> <script> function writeAddressName(latLng) { var geocoder = new google.maps.Geocoder(); geocoder.geocode({ "location": latLng }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) document.getElementById("address").innerHTML = results[0].formatted_address; else document.getElementById("error").innerHTML += "Unable to retrieve your address" + "<br />"; }); } function geolocationSuccess(position) { var userLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); // Write the formatted address writeAddressName(userLatLng); var myOptions = { zoom : 16, center : userLatLng, mapTypeId : google.maps.MapTypeId.ROADMAP }; // Draw the map var mapObject = new google.maps.Map(document.getElementById("map"), myOptions); // Place the marker new google.maps.Marker({ map: mapObject, position: userLatLng }); // Draw a circle around the user position to have an idea of the current localization accuracy var circle = new google.maps.Circle({ center: userLatLng, radius: position.coords.accuracy, map: mapObject, fillColor: '#0000FF', fillOpacity: 0.5, strokeColor: '#0000FF', strokeOpacity: 1.0 }); mapObject.fitBounds(circle.getBounds()); } function geolocationError(positionError) { document.getElementById("error").innerHTML += "Error: " + positionError.message + "<br />"; } function geolocateUser() { // If the browser supports the Geolocation API if (navigator.geolocation) { var positionOptions = { enableHighAccuracy: true, timeout: 10 * 1000 // 10 seconds }; navigator.geolocation.getCurrentPosition(geolocationSuccess, geolocationError, positionOptions); } else document.getElementById("error").innerHTML += "Your browser doesn't support the Geolocation API"; } window.onload = geolocateUser; </script> <style type="text/css"> #map { width: 500px; height: 500px; } </style> </head> <body> <h1>Basic example</h1> <div id="map"></div> <p><b>Address</b>: <span id="address"></span></p> <p id="error"></p> </body> </html> </apex:page>