الغابة gif

أضف علامة

خرائط

علامة

ينشئ مكون علامة

                        جديد علامة (خيارات: هدف?, إرث خيارات: خيارات؟)
                        

المعلمات

الخيارات

الاسم النوع (افتراضي) الوصف
الخيارات عنصر HTML عنصر DOM لاستخدامه كعلامة. الافتراضي هو علامة SVG زرقاء فاتحة على شكل قطيرة.
خيارات سلسلة (وسط) سلسلة تشير إلى جزء العلامة الذي يجب وضعه الأقرب إلى مجموعة الإحداثيات عبر Marker setLngLat. الخيارات هي "وسط" و "أعلى" و "أسفل" و "يسار" و "يمين" و "أعلى اليسار" و "أعلى اليمين" و "أسفل اليسار" و "أسفل اليمين".
الخيارات صفيف من نقطتين بالبكسل الإزاحة بالبكسل ككائن PointLike يتم تطبيقه بالنسبة لمركز العنصر. السلبيات تشير إلى اليسار وما فوق.
خيارات اللون سلسلة (# 3FB1CE) اللون المراد استخدامه للعلامة الافتراضية إذا لم يتم توفير options.element. الافتراضي هو الأزرق الفاتح.
خيارات منطقي (خطأ) قيمة منطقية تشير إلى إمكانية سحب محدِّد ما إلى موضع جديد على الخريطة أم لا.
خيارات رقم (0) زاوية استدارة العلامة بالدرجات ، بالنسبة إلى إعداد محاذاة ماركر الخاص بها. ستؤدي القيمة الموجبة إلى تدوير العلامة في اتجاه عقارب الساعة.
options.pitchAlignment سلسلة (تلقائي) تقوم الخريطة بمحاذاة العلامة مع مستوى الخريطة. منفذ العرض يعمل على محاذاة العلامة مع مستوى منفذ العرض. يطابق auto تلقائيًا قيمة rotationAlignment.
خيارات سلسلة (تلقائي) تقوم الخريطة بمحاذاة دوران محدد الموقع بالنسبة للخريطة ، مع الحفاظ على الاتجاه أثناء تدوير الخريطة. منفذ العرض يقوم بمحاذاة دوران العلامة بالنسبة إلى منفذ العرض ، غير محدد لدورات الخريطة. يكافئ auto لـ viewport.
                
        <أتش تي أم أل>
          <رئيس>
              <هدف محارف="utf-8" />
              <لقب>قم بإنشاء علامة قابلة للسحب</لقب>
              <هدف الاسم="منفذ العرض" محتوى="المقياس الأولي = 1 ، النطاق الأقصى = 1 ، قابلية المستخدم للتوسع = لا" />
              <سيناريو SRC="https://maps.flightmap.io/flightmapjs"></سيناريو>
              <الصفحة  أ href="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css" REL="ورقة الأنماط" />
              <نمط>
                هيئة { هامش: 0; حشوة: 0؛ }
                #خريطة { ان يرتفع المركز: مطلق؛ أعلى: 0; أسفل: 0; عرض: 100%؛ } ؛
              </نمط>
          </رئيس>
          <هيئة>
              <نمط>
                .coordinates {
                خلفية: رغبا(0 ، 0 ، 0 ، 0.5) ؛
                اللون: # الاتحاد الفرنسي;
                ان يرتفع المركز: مطلق؛
                أسفل: 40px;
                اليسار: 10px;
                حشوة: 5px 10px;
                هامش: 0;
                حجم الخط: 11px;
                خط الطول: 18px;
                الحدود بين دائرة نصف قطرها: 3px;
                عرض: لا أحد؛ }
              </نمط>
              <شعبة id="خريطة"></شعبة>
              <قبل id="إحداثيات" فئة="إحداثيات"></قبل>
              <سيناريو>
                فار إحداثيات = وثيقة.getElementById ("إحداثيات");
                فار الخريطة = جديد flightmap.Map ({
                  حاوية: 'خريطة',
                  نمط: "style-dark.json", // مستضاف معرّف النمط
                  المركز: [-77.38, 39],
                  زوم: 2,
                  رمز وصول: " "
                })؛

                فار علامة = جديد flightmap.Marker ({
                  جر: صحيح
                }) .setLngLat ([0, 0]). addTo (خريطة) ؛

                وظيفة onDragEnd() {
                  فار lngLat = marker.getLngLat () ، إحداثيات.style.display = 'منع'؛ إحداثيات. innerHTML =
                    "خط الطول:" + lngLat.lng + " خط العرض: ' + lngLat.lat ؛ } marker.on ("دراجيند"، onDragEnd) ،
              </سيناريو>
          </هيئة>
        </أتش تي أم أل>
    

دعونا نجد طريقة معا

تواصل معنا للتعرف على خطط الأسعار الخاصة بنا

تواصل معنا
Jungleworks