Tesla

by ecmanaut

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<style>html, body, #map {
  margin: 0; padding: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}</style>
<script>var q = {}, map, marker, at;
function parse(x,k,v) { q[decodeURIComponent(k)] = decodeURIComponent(v); }
(location.hash||location.search).slice(1).replace(/([^=&]*)=([^&]*)/g, parse);

window.onload = function initialize() {
  map = new google.maps.Map( document.getElementById('map')
    , { zoom: parseFloat(q.zoom || '5')
      , mapTypeId: google.maps.MapTypeId.ROADMAP
      , center: at = new google.maps.LatLng(+(q.lat || 0), +(q.lng || 0))
      }
    );
  tesla(at, q.angle, '#' + (q.rgb || '000000'), q.opacity, q.scale);
};

function tesla(at, angle, rgb, a, scale) {
  angle = parseFloat(angle || '0');
  while (0 > angle) angle += 72000;
  angle = (angle + 270) % 360;
  marker = new google.maps.Marker(
  { map: map
  , zIndex: -20
  , position: at
  , draggable: false
  , icon:
    { rotation: angle
    , fillColor: rgb
    , fillOpacity: a || .8
    , scale: scale || .04
    , strokeWeight: 0
    , anchor: new google.maps.Point(5, 2.265)
    , path: 'M617 0 625 2 631 6 640 13 652 26 661 35 670 40 674 38 699 38 705 37 716 37 729 36 741 35 773 31 795 30 817 31 839 33 863 35 882 37 891 39 901 42 913 47 926 56 934 62 940 68 949 78 960 95 967 106 980 131 979 133 987 153 993 171 995 182 997 190 998 202 998 211 998 221 999 225 998 235 996 259 994 271 992 283 986 301 983 308 977 320 978 323 966 344 959 358 947 375 942 381 931 394 922 401 915 405 906 409 888 413 875 416 859 418 840 420 824 422 808 422 792 423 774 422 763 421 735 416 718 415 705 415 685 417 674 417 665 416 664 415 658 418 650 423 636 434 632 441 625 448 622 450 615 453 607 452 606 447 611 438 613 431 617 425 603 425 588 425 569 424 555 423 551 422 549 418 531 418 508 418 474 417 435 415 407 415 376 415 358 415 346 416 327 418 311 420 286 425 259 428 239 429 210 429 180 428 166 427 156 425 144 422 134 419...