Untitled

<html>
  <head>
    <title>Для карты</title>

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" />
<script>
$(function() {
    $('button').click(function(){
            markers = $(this).prop('id');
            $('#marker').removeClass().addClass(markers);
    });
});
</script>
<link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <div class="wraper">
     <img src="http://abratsk.ru/atlas/xvii/moscovia_m.jpg" />
     <div id="marker">
     </div>
   </div>
   <button id="marker-1">Маркеры 1</button>
   <button id="marker-2">Маркеры 2</button>
   <button id="marker-3">Маркеры 3</button>
  </body>
</html>