SHARE
TWEET

Untitled

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