Databases
StackOverflow2013
Postsdbo
POMaps Api V3: getCenter() and getZoom() not working
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMaps Api V3: getCenter() and getZoom() not working
    primarykey
    data
    text
    <p>In the Google Maps API V3, I've created a map object:</p> <pre><code>map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); </code></pre> <p>I will zoom in and pan on that map and to go back to the original view later, I'd like to save the zoom level and the center of the map. I try the following:</p> <pre><code>oldCenter = map.getCenter(); oldZoom = map.getZoom(); </code></pre> <p>But the variables stay 'undefined'. When I do the same thing in the console, I get the correct responses.</p> <p>What am I doing wrong? Please let me know if more code is needed to find the answer or if it's an obvious problem.</p> <p>Thanks!</p> <p>Full Code:</p> <pre><code>function initialize() { // CUSTOM PLACES var latlng = new google.maps.LatLng(51, 10); var germany = new google.maps.LatLng(51, 10); var myLatlng = new google.maps.LatLng(49,12); // DEFINE STYLE var styles = [ { "stylers": [ { "invert_lightness": true } ] } ]; // MARKER STYLES var coin_image = 'coin.png'; var merch_image = 'merch.png'; // DEFINE OPTIONS FOR MAP var myOptions = { panControl: false, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL, position: google.maps.ControlPosition.LEFT_TOP }, mapTypeControl: false, scaleControl: false, streetViewControl: false, overviewMapControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP }; // CREATE MAP OBJECT map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); map.setOptions({styles: styles}); // select zoom, etc by defining 2 points var southWest = new google.maps.LatLng(45,-10); var northEast = new google.maps.LatLng(55,15); var bounds = new google.maps.LatLngBounds(southWest,northEast); map.fitBounds(bounds); placeMarker(southWest); placeMarker(northEast); // Place Random Markers var lngSpan = northEast.lng() - southWest.lng(); var latSpan = northEast.lat() - southWest.lat(); for (var i = 0; i &lt; 50; i++) { var location = new google.maps.LatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()); var marker = new google.maps.Marker({ position: location, map: map, icon: merch_image }); var j = i + 1; marker.setTitle(j.toString()); } // TRANSACTION MARKERS // ONE FULL CYCLE // set marker var trans_marker = new google.maps.LatLng(52.31799,13.241904); var marker = new google.maps.Marker({ position: trans_marker, map: map, animation: google.maps.Animation.DROP, title:"Hello World!", icon: coin_image }); // HERE'S THE PROBLEM // var oldCenter = map.getCenter(); // var oldZoom = map.getZoom(); console.log(map); oldMap = map; console.log(oldMap); // console.log(oldZoom); // console.log(oldCenter.toString()); // pan to marker setTimeout(function() {map.panTo(trans_marker)}, startDelayed(3000)); // zoom in on marker setTimeout(function() {zoomIn(ENDZOOM)}, startDelayed(1000)); // show info window var contentString = "&lt;h3&gt;Döner @ Coco Banh&lt;/h3&gt;"; contentString += ("&lt;p&gt;SumUp was used to pay for a Döner at Coco Banh in Berlin, Germany&lt;/p&gt;"); var infowindow = new google.maps.InfoWindow({ content: contentString }); setTimeout(function() {infowindow.open(map,marker)}, startDelayed(8000)); setTimeout(function() {infowindow.close()}, startDelayed(5000)); // zoom out again setTimeout(function() {zoomOut(oldZoom)}, startDelayed(2000)); // center again setTimeout(function() {map.panTo(oldCenter)}, startDelayed(8000)); } infowindow = new google.maps.InfoWindow({ content: contentString }); } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. UStomburger
    1. UStomburger
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POMaps Api V3: getCenter() and getZoom() not working
      1. This table or related slice is empty.
      1. VTUpMod
    1. CONot enough context. Is the map variable global? How are you initializing it? Where are the getCenter and getZoom calls being used?
      singulars
      1. POMaps Api V3: getCenter() and getZoom() not working
      1. USgeocodezip
    2. COThanks, just added more code to the questions
      singulars
      1. POMaps Api V3: getCenter() and getZoom() not working
      1. UStomburger
    3. COIt appears there's an extra curly brace at the bottom. Is there more context here? iirc, assigning of infowindow is happening outside of the initialize method. fwiw, the general idea should work though. I've done something similar before.
      singulars
      1. POMaps Api V3: getCenter() and getZoom() not working
      1. USDane O'Connor
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload