Guest User

map

a guest
Jun 26th, 2013
196
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  5.  
  6.  
  7. <style>
  8. #map {
  9. width: 1440px;
  10. height: 1024px;
  11. position: absolute;
  12. bottom: 0;
  13. }
  14. body { margin: 0; padding: 0; }
  15. </style>
  16.  
  17. <!-- marker -->
  18.  
  19. <script>var myCenter = new google.maps.LatLng(26.2867, 50.2086);
  20. var myIcon = new google.maps.MarkerImage(
  21. "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|dE7222",
  22. new google.maps.Size(24,23),
  23. new google.maps.Point(0,0),
  24. new google.maps.Point(12,23)
  25. );
  26. var marker = new google.maps.Marker({position: myCenter, icon: myIcon, map: map});</script>
  27.  
  28. <!-- map -->
  29.  
  30. <script>
  31.  
  32. window.onload = function () {
  33. var latlng = new google.maps.LatLng(26.2867, 50.2086);
  34.  
  35.  
  36. var styles = [
  37. {
  38. "featureType": "landscape",
  39. "stylers": [
  40. {
  41. "hue": "#FF0300"
  42. },
  43. {
  44. "saturation": -100
  45. },
  46. {
  47. "lightness": 31.450980392156822
  48. },
  49. {
  50. "gamma": 1
  51. }
  52. ]
  53. },
  54. {
  55. "featureType": "road.highway",
  56. "stylers": [
  57. {
  58. "hue": "#FF0300"
  59. },
  60. {
  61. "saturation": -100
  62. },
  63. {
  64. "lightness": 48.850980392156856
  65. },
  66. {
  67. "gamma": 1
  68. }
  69. ]
  70. },
  71. {
  72. "featureType": "road.arterial",
  73. "stylers": [
  74. {
  75. "hue": "#FF0300"
  76. },
  77. {
  78. "saturation": -100
  79. },
  80. {
  81. "lightness": 38.65098039215684
  82. },
  83. {
  84. "gamma": 1
  85. }
  86. ]
  87. },
  88. {
  89. "featureType": "road.local",
  90. "stylers": [
  91. {
  92. "hue": "#FF0300"
  93. },
  94. {
  95. "saturation": -100
  96. },
  97. {
  98. "lightness": 39.45098039215685
  99. },
  100. {
  101. "gamma": 1
  102. }
  103. ]
  104. },
  105. {
  106. "featureType": "water",
  107. "stylers": [
  108. {
  109. "hue": "#FF0300"
  110. },
  111. {
  112. "saturation": -100
  113. },
  114. {
  115. "lightness": 39.45098039215685
  116. },
  117. {
  118. "gamma": 1
  119. }
  120. ]
  121. },
  122. {
  123. "featureType": "poi",
  124. "stylers": [
  125. {
  126. "hue": "#FF0300"
  127. },
  128. {
  129. "saturation": -100
  130. },
  131. {
  132. "lightness": 39.45098039215685
  133. },
  134. {
  135. "gamma": 1
  136. }
  137. ]
  138. }
  139. ];
  140.  
  141.  
  142. var myOptions = {
  143. zoom: 14,
  144. center: latlng,
  145. mapTypeId: google.maps.MapTypeId.ROADMAP,
  146. disableDefaultUI: true,
  147. styles: styles
  148. };
  149.  
  150. map = new google.maps.Map(document.getElementById('map'), myOptions);
  151.  
  152.  
  153. }
  154. </script>
  155. </head>
  156.  
  157. <body>
  158. <div id="map"></div>
  159.  
  160.  
  161. </body>
  162. </html>
RAW Paste Data