SHARE
TWEET

map

a guest Jun 26th, 2013 95 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top