latitude longitude - How to increase the Zoom Level of Google Maps in wordpress -


here code have written add marker google map providing latitude , longitude. problem not getting zoomed google map. have tried setting zoom level 12 has no effect closed map.

<script type="text/javascript"> var lat = 49.892231; var lng = -97.132530;     var zoomlevel = 12; var allmarkers = []; var curmarkerinder = 0; var site_url = "<?php echo bloginfo('stylesheet_directory') ?>"; var map_left = 270; var map_top = 234; var bounds ;  function open_window(markerid){      gevent.trigger(allmarkers[markerid-1],"click"); }   if (latlangs.length > 0){     var mapoptions = {         center: new google.maps.latlng(lat, lng),         zoom: zoomlevel,         scrollwheel: false,         draggable: false,         maptypeid: google.maps.maptypeid.roadmap     };     var map = new google.maps.map(document.getelementbyid("map"),     mapoptions);     bounds = new google.maps.latlngbounds(); }else{     $("#map").remove(); }  function markeradd(lat,lng,content){     var image = site_url + "/images/red.png"      var markeroptions = {         map: map,         icon: image,                position: new google.maps.latlng(lat,lng)     };     var marker = new google.maps.marker(markeroptions);     var content = content;     google.maps.event.addlistener(marker, 'click', function(e) {         var infobox = new smartinfowindow({             position: marker.getposition(),             map: map,             content: content         });     });     var mylatlng = new google.maps.latlng(lat,lng);     bounds.extend(mylatlng);         //map.setcenter(mylatlng);     //map.setzoom(zoomlevel); } jquery(document).ready(function($) {     function createmarker(point,html,i) {          var image = site_url + "/images/red.png"         var icon = new gicon();          icon.image = image;         icon.iconsize = new gsize(30, 52);         icon.shadowsize = new gsize(36, 34);         icon.iconanchor = new gpoint(5, 34);         icon.infowindowanchor = new gpoint(5, 2);         icon.infoshadowanchor = new gpoint(14, 25);          opts = {              "icon": icon,             "labeltext": "a",             "labeloffset": new gsize(-6, -10),             "clickable": true         };          var marker = new gmarker(point,opts);          allmarkers[i] = marker;          marker.hide();          gevent.addlistener(marker, "click", function() {             marker.openinfowindowhtml(html);             last_marker = marker;         });         return marker;     }      for(var i=0; < latlangs.length; i++) {         markeradd(latlangs[i]['lat'],latlangs[i]['lng'],latlangs[i]['address']);     }     map.fitbounds(bounds);      $("#menu-item-3122").addclass('current_page_item');     $("#menu-item-3123").addclass('current_page_item'); }); </script> 

how can increase level of zoom case? please give me suggestions...

the map zooming fit markers, coded here: map.fitbounds(bounds);.

to stop happening, remove line.


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

java - More than one row with the given identifier was found: 1, for class: com.model.Diagnosis -