Google map v3 part 2

https://google-developers.appspot.com/maps/documentation/javascript/examples/marker-animations
http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.5/examples/basic.html
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/infobox-basic.html
http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries
http://google-maps-utility-library-v3.googlecode.com/svn/tags/markermanager/1.0/examples/google_northamerica_offices.html
http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html(viet class tham khao)
http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html
http://gmaps-samples-v3.googlecode.com/svn/trunk/latlng-to-coord-control/latlng-to-coord-control.html
http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.0/docs/examples.html
http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.0/docs/examples.html

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html?
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/advanced_example.html?

Script Combiner

1. http://www.codeproject.com/Articles/28909/HTTP-Handler-to-Combine-Multiple-Files-Cache-and-D

2. http://geekswithblogs.net/rashid/archive/2007/07/25/Combine-Multiple-JavaScript-and-CSS-Files-and-Remove-Overheads.aspx

jquery using part1

http://www.codeproject.com/Articles/188467/jQuery-Templates-View-Engines-in-ASP-NET-MVC
http://www.codeproject.com/Articles/69962/Interactive-Form-Functionality-on-the-Client-Side
http://www.codeproject.com/Articles/170882/jQuery-AJAX-and-HttpHandlers-in-ASP-NET
http://www.codeproject.com/Articles/146396/A-Comparison-of-Three-jQuery-Modal-Dialogs-for-ASP
http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-3-and-jTa

OOP trong Javascript

1. http://sinhvienit.net/@forum/threads/35156-oop-trong-javascript-phan-1-class-va-prototype/

2. http://www.qhonline.info/forum/showthread.php/1376-oop-trong-javascript

3. http://vi.wikibooks.org/wiki/Th%E1%BA%A3o_lu%E1%BA%ADn:JavaScript

Draw Circle and Remove Circle when dragend marker

<!DOCTYPE html>
<html dir=”rtl”>
<head>
<title>Maps API Example: Right-to-Left Text</title>
<meta charset=”UTF-8″>
<link href=”/apis/maps/documentation/javascript/examples/default.css”
rel=”stylesheet” type=”text/css”>

<style >
html, body {
height: 100%;
margin: 0;
padding: 0;
}

#map_canvas {
height: 100%;
}

@media print {
html, body {
height: auto;
}

#map_canvas {
height: 650px;

}
}
</style>
<script type=”text/javascript”
src=”http://maps.googleapis.com/maps/api/js?sensor=false&language=vi”&gt;
</script>
<script type=”text/javascript”>
var map;
function initialize() {
var myOptions = {
zoom: 12,
center: new google.maps.LatLng(21.0288760,105.851292),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl:true,
mapTypeControlOptions:
{
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_RIGHT
},
panControl:true,
panControlOptions:
{
position:google.maps.ControlPosition.RIGHT_TOP
},
zoomControl:true,
zoomControlOptions:
{
style: google.maps.ZoomControlStyle.LARGE,
position:google.maps.ControlPosition.RIGHT_TOP
}
}
map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions);

var marker = new google.maps.Marker({
position: map.getCenter(),
map: map,
title: ‘Click to zoom’,
draggable:true
});

google.maps.event.addListener(map, ‘center_changed’, function() {
// 3 seconds after the center of the map has changed, pan back to the
// marker.
window.setTimeout(function() {
map.panTo(marker.getPosition());
}, 3000);
});

var infowindow = new google.maps.InfoWindow({
//content: “Hello you!” + ” Lat: ” + marker.lat() + ” Lng: ” + marker.lng()
content: “Hello you!”
});

var circle = drawCircle(marker);
circle.setMap(map);

google.maps.event.addListener(marker,’dragend’,function(){
//map.setCenter(marker.getPosition());

//call info windows
//infowindow.open(map,marker);

//clear old circle
circle.setMap(null);

//draw new circle
circle = drawCircle(marker);
circle.setMap(map);
});

}
google.maps.event.addDomListener(window, ‘load’, initialize);

function drawCircle(mk)
{
var c = new google.maps.Circle({
strokeColor: “#FF0000”,
strokeOpacity: 0.8,
strokeWeight: 1,
fillColor: “#FF0000″,
fillOpacity: 0.35,
radius: 5000,
center:mk.getPosition()
});

return c ;
}
</script>
</head>
<body >

<div id=”map_canvas” style=”height:100%;position: relative; background-color: rgb(229, 227, 223); overflow: hidden;”>
</div>
</body>
</html>

jquery load dynamic UserControl

1. http://www.codeproject.com/Articles/117475/Load-ASP-Net-User-Control-Dynamically-Using-jQuery
2. http://stackoverflow.com/questions/4597103/load-ascx-via-jquery
3. http://www.aspxtutorial.com/post/2011/01/02/Load-aspnet-web-user-control-using-jQuery-and-web-method.aspx

4.http://blog.ovesens.net/2008/12/dynamically-loading-asp-net-user-controls-with-jquery/