ماهى فكرة عقار ماب ظهور العقارات على خريطة

الموقع يستخدم خرائط قوقل عن طريق جافا سكربت، يمكنك البدء معها من هنا Get Started. توجد خيارات كثيرة لتخصيصها حسب ماتريد، هذا مثال سريع على استخدامها:

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>مثال على خرائط قوقل</title>
  <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language=ar-SA"></script>
  <script>
  function initmap() {
    // إعداد الخريطة، المكان ودقة الخريطة ونوعها، خريطة طرق
    var map = new google.maps.Map(document.getElementById('map'), {
      center: new google.maps.LatLng(26.333143, 43.966126),
      zoom: 17,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
    });

    // وضع أيقونة منزل على المكان
    var marker = new google.maps.Marker({
      position: map.getCenter(),
      title: 'هنا منزل صغير',
      icon: 'https://cdn4.iconfinder.com/data/icons/gnome-desktop-icons-png/PNG/32/Gnome-Go-Home-32.png',
      map: map,
    });
  }

  // تحميل الخريطة بعد تحميل الصفحة
  google.maps.event.addDomListener(window, 'load', initmap);
  </script>

  <style>
  #map {
      width: 500px;
      height: 300px;
      border: 1px solid #ccc;
      background: #f4f4f4;
      margin: 150px auto;
  }
  </style>
</head>
<body>
  <!-- الخريطة -->
  <div id="map"></div>
</body>
</html>