asked on

Google Maps API - Keep marker position on zoom

I am using google maps api including MarkerWithLabel.
For some reason when changing the map zoom (using the map controls) markers seem to lose their exact location.
Code below. Please if someone can help to keep the markers in place when zooming in-out. Thank you!

var map = new google.maps.Map(document.getElementById("map"), {
  center: new google.maps.LatLng(52.554201,13.425703),
  zoom: 16,
  streetViewControl : false,
  overviewMapControl: false,
  mapTypeControl: false,
  zoomControl : true,
    zoomControlOptions: {
      position: google.maps.ControlPosition.RIGHT_BOTTOM
    },            
  panControl : false,
  scrollwheel: false,
  fullscreenControl: true,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

google.maps.event.addDomListener(window, "load", function () {

function createMarker(options, html) {
    var marker = new google.maps.Marker(options);
    return marker;
  };

var marker = createMarker({
    position: new google.maps.LatLng(56.554201,19.425703),
    map: map,
    cursor: 'hand',
    icon: "images/location.png",
  });

var marker2 = new MarkerWithLabel({
        position: new google.maps.LatLng(53.549140,14.428730),
        icon:'images/pointers.png',
        map: map,
        labelContent: "Agni <span>Shop</span>",
        labelAnchor: new google.maps.Point(44,86),
        labelClass: "labels",
        labelStyle: {opacity: 1}
     });

});

window.onresize = function() {
  var currCenter = new google.maps.LatLng(52.555564,13.426775);
  google.maps.event.trigger(map, 'resize');
  map.setCenter(currCenter);
};

Open in new window