bibr هل تمكنت من الحصول على هذا العمل؟

@ ryan-morris نعم ، أحتاج إلى تحميل الخريطة قبل marker.js لذا في index.html لقد أضفت هذا

window.onload = function() {
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = 'assets/js/marker.js';
        var x = document.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    }

bibr @ ddctd143 الحصول على منطقة الخطأ المهمة: Promise.then؛
"import {Directive، OnInit} من" @ angular / core "؛
استيراد {GoogleMapsAPIWrapper} من "angular2-google-maps / core" ؛
استيراد "../scripts/markerwithlabel.js" ؛

إعلان const Marker WithLabel: أي ؛

@ التوجيه ({
المحدد: "markerlabel-Directive"
})

فئة التصدير MarkerLabelDirective تنفذ OnInit {

private map: any;
constructor(private gmapsApi: GoogleMapsAPIWrapper) {}
ngOnInit() {
this.gmapsApi.getNativeMap().then(map => {
  // instance of the map.
  this.map = map;
  this.initMap();
});

}

initMap () {
var latLng = new google.maps.LatLng (49.47805، -123.84716) ؛
var homeLatLng = new google.maps.LatLng (49.47805، -123.84716) ؛

 var marker1 = new MarkerWithLabel({
   position: homeLatLng,
   draggable: true,
   raiseOnDrag: true,
   map: this.map,
   labelContent: "$425K",
   labelAnchor: new google.maps.Point(22, 0),
   labelStyle: {opacity: 0.75}
 });

 var marker2 = new MarkerWithLabel({
   position: new google.maps.LatLng(49.475, -123.84),
   draggable: true,
   raiseOnDrag: true,
   map: this.map,
   labelContent: "$395K",
   labelAnchor: new google.maps.Point(22, 0),
   labelStyle: {opacity: 1.0}
 });

 var iw1 = new google.maps.InfoWindow({
   content: "Home For Sale"
 });
 var iw2 = new google.maps.InfoWindow({
   content: "Another Home For Sale"
 });
 google.maps.event.addListener(marker1, "click", function (e) { iw1.open(this.map, this); });
 google.maps.event.addListener(marker2, "click", function (e) { iw2.open(this.map, this); });

}
} `

أي تحديثات؟

هنا حل بديل ، من وثائق API لخرائط Google ، يمكن أن تكون التسمية إما سلسلة أو مواصفات كائن MarkerLabel ، لذلك بدلاً من استخدام سلسلة للتسمية ، حدد كائن MarkerLabel وأدخله كمتغير على سبيل المثال
`دع markerLabelObject = {
لون احمر"،
fontFamily: "monospace" ،
حجم الخط: "13"،
وزن الخط: "100"،
النص: element.names

     }

    this.markers.push({
      lat: element.latitude,
      label:markerLabelObject,
      lng: element.longitude,`

نعم من فضلك. يبدو أن MarkerWithLabel هو السبيل للذهاب.
https://stackoverflow.com/questions/32467212/google-maps-marker-label-with-multiple-characters

nelsonBlack هل

Ammueliza هل حصلت عليه للعمل؟

تمت إضافة طلب سحب مع هذه الوظيفة

1392

تم وضع علامة على هذه المشكلة تلقائيًا على أنها قديمة نظرًا لعدم وجود نشاط حديث لها. سيتم إغلاقه إذا لم يحدث أي نشاط آخر. شكرا لمساهماتكم.

حاولت تنفيذ هذا الآن وفشلت. هل فهمت شيئًا خاطئًا أم أن هذا ليس جزءًا من الإصدار الأخير (1.0.0-beta.5)؟
خطأ في: لا يمكن الربط بـ "markerWithLabel" لأنها ليست خاصية معروفة لـ "agm-marker".
بقدر ما أفهم الكود في العلاقات العامة ، أحتاج إلى ضبط هذا على "صحيح".

حاولت مع:
Angular 7 (غير مدعوم رسميًا في الإصدار الأخير حتى الآن)
@ agm /
[email protected]

هل يمكن لأحد أن يخبرني كيف أجعل هذا يعمل من فضلك؟

pueaau كان يحاول الحصول على هذا العمل ولكن تم رفع جميع المسارات https://www.npmjs.com/package/@ajqua/marker -with-label

إنشاء ريبو جديد بالمسارات الصحيحة
https://github.com/braxtondiggs/marker-with-label

تم وضع علامة على هذه المشكلة تلقائيًا على أنها قديمة نظرًا لعدم وجود نشاط حديث لها. سيتم إغلاقه إذا لم يحدث أي نشاط آخر. شكرا لمساهماتكم.