map.php

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Custom Animated Google Maps Markers</title>
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">

  
      <link rel="stylesheet" href="css/map_style.css">

  
</head>

<body>

<div id="map"></div>
<div class="header">
  <h1>Map Marker</h1>
  <ul class="animations">
    <li><a href="#" id="drop">Drop</a>
    <li><a href="#" id="wobble">Wobble</a>
    <li><a href="#" id="bounce">Bounce</a>
  </ul>
  <div class='list-label'>--- animations ---</div>
  <div class='tags'>CSS | Google Maps | <a href="http://dynamicsjs.com/">dynamics.js</a></div>
</div>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maps.google.com/maps/api/js'></script>
<script src='http://github.com/michaelvillar/dynamics.js/releases/download/0.0.8/dynamics.min.js'></script>
<script  src="js/map_animtrap.js"></script>
</body>

</html>