Hi,
I am new to jQuery and thought i would be able to get this up and running but i have been met with total failure! Im trying to use jQuery to change the location of a marker on my Google Map API. I am using various div’s as the triggers so when one of the div’s is clicked i want to be able to change the marker location on my map.
Here is the code i have:
<!-- Google Map API v3 -->
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=myKey&sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(63.34388, 14.833302);
var myOptions = {
zoom: 16,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
}
</script> <!-- Close Google Map API v3 -->
And then my trigger div’s open like this:
$('#trigger_div_1).click(function() {
});
Does anyone know how i would go about doing this?
Thanks!