jquery gmap3 update marker on click - google maps v3

Question

I´m just trying out the jquery plugin gmap3 http://gmap3.net/en/

following situation:

i have two addresses, and i want the map to be initialy set to address1 and on click i would like the marker to be updated to address2

var address1 = 'an der alster 42, hamburg';
var address2 = 'schlossstraße, münchen';

$("#mappp").gmap3({
marker:{
  address: address1
},
map:{
  options:{
    mapTypeControl:false,
    zoom: 14
  }
}
});

$('#click').click(function(){
  $("#mappp").gmap3({
marker:{
  address: address2
},
map:{
  options:{
    mapTypeControl:false,
    zoom: 14
  }
}
});
});

Here´s a fiddle http://jsfiddle.net/MDFTN/

I already tryed to destroy the map before updating the marker, but in any way there is nothing happening.

thanks in advance for any hint

Could you clarify the question or accept one of the already provided answer? — Mauno Vähä, Mar 13 '13 at 17:19

score 1 · Answer 1 · edited May 23 '17 at 12:03

1

This answer explains how to move a marker normally. I have no idea how you would do it in gmap3 as it seems to completely ignore native googlemaps commands, rendering setPosition useless :/

edited May 23 '17 at 12:03

Community

1
1

answered Mar 04 '13 at 11:34

Rafe

793
6
15

score 1 · Accepted Answer · answered Mar 12 '13 at 19:24

Rather than trying to use so forcefully jquery-gmap3 library, you can also do more of yourself - I created an fiddle which does what you want.

To summarize: we keep track of address latLng values by geocoding them, its the same thing that gmap3 itself does underneath when you are giving marker plain address, so it actually uses google.maps.Geocoder();

This will work: JS fiddle code

jquery gmap3 update marker on click - google maps v3

2 Answers2