جار التحديث ...
جار التحديث ...

المطلوب لبرمجة كود اقرب مطعم الي على الخريطة

  • 1

اهلا ي اخوان

ارغب بمعرفة المطلوب لبرمجة كود اقرب مطعم الي مشاهدته على خرائط جوجل او عن ماذا ابحث ب ضبط في جوجل المحتوى العربي ضعيف جدا حاولت ولم اجد


ارغب بمعرفة التفاصيل واذا الكود متوفر لدى احد ياليت يفيدنا ابه


شكرا للجميع

إجابات المستخدمين (1)


عليك استخدام ما يسمى Google Maps API , الكود كالتالي :

صفحة html

<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&callback=initMap" async defer></script>

طبعاً لا تنسى استبدال API_KEY ب مفتاح API الخاص بك , يمكنك الحصول عليه عبر انشاء تطبيق في جوجل ديفولوبرز واضافة مشروع جديد ومن ثم تفعيل خرائط جوجل عليه

الان في ملف جافاسكريبت منفصل او في نفس الصفحة ضمن وسم SCRIPT

//Initialize you variables
var map;
var infowindow;
var myPlace = {lat: 25.276987, lng: 55.296249 };
//Call your nearBySearch
var service = new google.maps.places.PlacesService(map);
  service.nearbySearch({
      location : myPlace,
      radius : 5500,
      type : [ 'restaurant' ]
  }, callback);
//Check the result of search and then create a marker for each found location
function callback(results, status) {
      if (status === google.maps.places.PlacesServiceStatus.OK) {
          for (var i = 0; i < results.length; i++) {
              createMarker(results[i]);
          }
      }
  }

function createMarker(place) {
    var placeLoc = place.geometry.location;
    var marker = new google.maps.Marker({
        map : map,
        position : place.geometry.location
    });
    
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(place.name);
        infowindow.open(map, this);
    });
  }


للاستزادة , يمكنك التوجه الى هذه الصفحة : https://developers.google.com/maps/documentation/javascript/places#place_search_requests

حيث يوجد التوثيق الخاص بخرائط جوجل


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة


ملئ الشاشة

اضافة سؤال جديد