Stackoverflow - How to move marker in Google Maps API
http://stackoverflow.com/q/8024784/918414
HTML
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="map-canvas"></div>
CSS
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
JavaScript
//this script show a rectangle either defined by variable lat1, lat2, lng1, and lng2 below, ot by url params with same names.
var rectangle;
var totalBounds = new google.maps.LatLngBounds();
var map;
var infoWindow;
//set default values.
lat1 = 63.05059113687008
lat2 = 63.9792908251706
lng1 = 19.109789062499999
lng2 = 20.892327148437516
function insertDot(t) {
return parseFloat(t.substr(0,t.length-6) + "." + t.substr(t.length-6));
}
function getRectangle(l_lat1, l_lng1, l_lat2, l_lng2) {
if(l_lat1 > l_lat2) {
var tmp = l_lat1;
l_lat1 = l_lat2;
l_lat2 = tmp;
}
if(l_lng1 > l_lng2) {
var tmp = l_lng1;
l_lng1 = l_lng2;
l_lng2 = tmp;
}
console.log("getRectanlge: " + l_lat1 +" "+ l_lng1+" "+ l_lat2+" "+ l_lng2);
var bounds = new google.maps.LatLngBounds(
new google.maps.LatLng(l_lat1, l_lng1),
new google.maps.LatLng(l_lat2, l_lng2)
);
totalBounds.union(bounds);
// Define the rectangle and set its editable property to true.
var rectangle = new google.maps.Rectangle({
bounds: bounds,
editable: true,
draggable: true
});
return rectangle;;
}
function initialize() {
//use url params to override defaults if available
var val = gup("lat1");
if(val !== null) {
lat1 = parseFloat(val);
console.log("got URL param lat1");
}
val = gup("lat2");
if(val !== null){
lat2 = parseFloat(val);
console.log("got URL param lat2");
}
val = gup("lng1");
if(val !== null){
lng1 = parseFloat(val);
console.log("got URL param lng1");
}
val = gup("lng2");
if(val !== null){
lng2 = parseFloat(val);
console.log("got URL param lng2");
}
val = gup("all");
if(val !== null) {
var a = val.split(",");
lat1 = insertDot(a[0]);
lat2 = insertDot(a[1]);
lng1 = insertDot(a[2]);
lng2 = insertDot(a[3]);
...