01.<%@ Page Language="VB" AutoEventWireup="false" %>
03.
05.<head id="Head1" runat="server">
06. <title></title>
07.</head>
08.<body>
09. <form id="form1" runat="server">
11.[glow=red]
12.<script type="text/javascript">
13. var markers = [
14. <asp:Repeater ID="rptMarkers" runat="server">
15. <ItemTemplate>
16. {
17. "title": '<%# Eval("Name") %>',
18. "lat": '<%# Eval("Latitude") %>',
19. "lng": '<%# Eval("Longitude") %>',
20. "description": '<%# Eval("Description") %>'
21. }
22.</ItemTemplate>
23.<SeparatorTemplate>
24. ,
25.</SeparatorTemplate>
26.</asp:Repeater>[/glow]
27.];
28.</script>
29. <script type="text/javascript">
30.
31. window.onload = function () {
32. var mapOptions = {
33. center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
34. zoom: 8,
35. mapTypeId: google.maps.MapTypeId.ROADMAP
36. };
37. var infoWindow = new google.maps.InfoWindow();
38. var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
39. for (i = 0; i < markers.length; i++) {
40. var data = markers[i]
41. var myLatlng = new google.maps.LatLng(data.lat, data.lng);
42. var marker = new google.maps.Marker({
43. position: myLatlng,
44. map: map,
45. title: data.title
46. });
47. (function (marker, data) {
48. google.maps.event.addListener(marker, "click", function (e) {
49. infoWindow.setContent(data.description);
50. infoWindow.open(map, marker);
51. });
52. })(marker, data);
53. }
54. }
55. </script>
56. <div id="dvMap" style="width: 1000px; height: 1000px">
57. </div>
58.
59.
60. </form>
61.</body>
62.</html>
