[WhiteFox]

Доброго времени суток, помогите пожалуйста решить задачу с перетаскиванием карты, увеличения и уменьшения я как то сделал =)

<div class="map_wrap">
		<div class="zoom_button">
			<button class="plus"><input type="text" class="plusnumber" value="1" style="display: none;"">+</button>
			<button class="minus"><input type="text" class="minusnumber" style="display: none;">-</button>
		</div>
		<div class="map">
			<svg viewBox="0 0 1821.3333 1138.6667">

<!--****************************************-->
<!--Участок 5 Fill = Куплен: "#d50b3a", Продается: "#d1f35e-->
<path class="part" d="M 600.93408,450.63693 736.47516,426.2819 701.53098,393.72027 592.72749,414.10438 Z"
description-status="Участок - 5 Продается"
description-area="Площадь участка (соток) - 15.08"
description-price="Стоимость участка - 557,960.00 ₽"
fill="#d1f35e">
</path>
<!--****************************************-->
<img src="img/map.jpg" class="imgmap">
</svg>
</div>
</div>

function top() {
     var number = $(".plusnumber").val();
     var sum = (parseInt(number) + 1);
     if (sum >= 1&& sum <= 9) {
         $('.map').css('transform','scale(' + '1.' + sum + ')');
         $('.plusnumber').val(sum);
     }
 }
 function bottom() {
     var number = $(".plusnumber").val();
     var sum = (parseInt(number) - 1);
     if (sum >= 1&& sum <= 9) {
         $('.map').css('transform','scale(' + '1.' + sum + ')');
         $('.plusnumber').val(sum);
     }
 }


 $('.plus').click(function (){
     top();
 });
 $('.minus').click(function(){
    bottom();
});


 $('.map').bind('mousewheel DOMMouseScroll', function(event){
    if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
       top();
   }else {
       bottom();
   };
});

http://test.igrology.com/