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
Post a Comment