Question

How can I adjust the zoom level within the function if the geolocation is successful (success)?

function createMap(lat, lng) {
var mapOptions = { center: new google.maps.LatLng(lat, lng), 
  zoom: 12,
  scrollwheel: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP };
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

function initialize() {
if(navigator.geolocation) {
  success = function(position) {
    createMap(position.coords.latitude, position.coords.longitude);
  };
  error = function() { createMap(99.648493, -99.410812); }

  navigator.geolocation.getCurrentPosition(success, error);
 }
}

Answer 1

Please check the following code to change zoom level based on geolocation:

 function createMap(lat, lng, zoomVal) {
 var mapOptions = { center: new google.maps.LatLng(lat, lng),    
zoom: zoomVal,   
scrollwheel: false,  
 mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);  
function initialize() { 
if(navigator.geolocation) {  
 success = function(position) {    
 createMap(position.coords.latitude, position.coords.longitude,15);  
 };   
error = function() {
 createMap(99.648493, -99.410812,12); 
}    
navigator.geolocation.getCurrentPosition(success, error);  
} 
}