Angular-google-maps: рдорд╛рд░реНрдХрд░ рд▓реЗрдмрд▓

рдХреЛ рдирд┐рд░реНрдорд┐рдд 11 рдордИ 2016  ┬╖  27рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: SebastianM/angular-google-maps

рдЗрд╕ рддрд░рд╣ рд╕реЗ рдорд╛рд░реНрдХрд░реЛрдВ рдкрд░ рд▓реЗрдмрд▓ рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛?

image

stale discussion / question feature-request

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЧреВрдЧрд▓ рдореИрдкреНрд╕ рдПрдкрд┐ рдбреЙрдХреНрдпреВрдореЗрдВрдЯреЗрд╢рди рд╕реЗ рдПрдХ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб, рд╣реЗрдпрд░реНрд╕ рд▓реЗрдмрд▓ рдпрд╛ рддреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдпрд╛ рдПрдХ рдорд╛рд░реНрдХрд░рд▓реЗрдм рдСрдмреНрдЬреЗрдХреНрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рд╡рд┐рдирд┐рд░реНрджреЗрд╢рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рд▓реЗрдмрд▓ рдХреЗ рд▓рд┐рдП рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдорд╛рд░реНрдХрд▓реЗрдмреЗрд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ рдЪрд░ рдХреЗ рд░реВрдк рдореЗрдВ рдлрд╝реАрдб рдХрд░реЗрдВ рдЬреИрд╕реЗред
`Let рдорд╛рд░реНрдХрд░рд▓реИрдмрдСрдмрдЬреЗрдХреНрдЯ = {
рд▓рд╛рд▓ рд░рдВрдЧ",
рдлрд╝реЙрдиреНрдЯрдорд┐рд▓реА: "рдореЛрдиреЛрд╕реНрдкреЗрд╕",
fontSize: "13",
fontWeight: "100",
рдкрд╛рда: рддрддреНрд╡ред рдирд╛рдо

     }

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

рд╕рднреА 27 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

@ssypi рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрднреА рджрд┐рдП рдЧрдП рдлреАрдЪрд░ рд╕реЗрдЯ рдХреЗ рд╕рд╛рде рдпрд╣ рд╕рдВрднрд╡ рдирд╣реАрдВ рд╣реИред рдХреНрдпрд╛ рдЖрдк рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдХреЛрдб рд╕реНрдирд┐рдкреЗрдЯ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рддрдм рд╣рдо рд╕реЛрдЪ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдЗрд╕реЗ рдХреИрд╕реЗ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ

рдореИрдВ рдпрд╣ рднреА рд╢реЛрдз рдХрд░ рд░рд╣рд╛ рд╣реВрдБ, рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдкрд┐рди рдЖрдЗрдХрди рдмрджрд▓ рд░рд╣рд╛ рд╣реИ !!!

@SebastianM рдореЗрд░реЗ рдкрд╛рд╕ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЧрд╣рд░рд╛рдИ рд╕реЗ рд╕рдордЭрдиреЗ рдХреЗ рд▓рд┐рдП рдЕрднреА рддрдХ рдкрд░реНрдпрд╛рдкреНрдд рд╕рдордп рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдПрдХ рд╕рдВрднрд╛рд╡рдирд╛ рдпрд╣ рд╣реЛрдЧреА рдХрд┐ рдЧреВрдЧрд▓-рдореИрдкреНрд╕-рдпреВрдЯрд┐рд▓рд┐рдЯреА-рд▓рд╛рдЗрдмреНрд░реЗрд░реА (рд╕реНрд░реЛрдд рдФрд░ рдбреЙрдХреНрд╕ / рдЙрджрд╛рд╣рд░рдг) рдпрд╛ рдЗрд╕ рдХрд╛рдВрдЯреЗ рд╕реЗ рдорд╛рд░реНрдХрд░рд╡рд┐рдердмреЗрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рдПред рдПрдХ рддреНрд╡рд░рд┐рдд рдирдЬрд╝рд░ рдореЗрдВ рдпрд╣ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рд╕рд░рд▓ рд▓рдЧрддрд╛ рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдЗрд╕реЗ рдорд╛рдирдЪрд┐рддреНрд░ рдХреЗ рд╕рдВрджрд░реНрдн рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред

@ рдмреНрд░рд╛рдпрди-рд╕рд┐рдВрдЧрд░ рдкрд┐рди рдЖрдЗрдХрди рдХреЛ рдорд╛рд░реНрдХрд░ рдирд┐рд░реНрджреЗрд╢ рдореЗрдВ iconUrl рд╕рдВрдкрддреНрддрд┐ рд╕реЗрдЯ рдХрд░рдХреЗ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ https://angular-maps.com/docs/api/latest/ts/core/SebmGoogleMapMarker-directive.html

рд╕рд╣реА, iconUrl рдиреЗ рдЪрд╛рд▓ рдЪрд▓реАред @alexweber рдзрдиреНрдпрд╡рд╛рдж

InfoWindow рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдпрджрд┐ рдЖрдкрдХреЛ рдХрд╕реНрдЯрдо рдЬрд╛рдирдХрд╛рд░реА рд╡рд┐рдВрдбреЛ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ Google рдореИрдкреНрд╕ рдЗрдиреНрдлреЛрдмреЙрдХреНрд╕ рдкреНрд▓рдЧрдЗрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
https://github.com/googlemaps/v3-utility-library/blob/master/infobox/src/infobox.j

рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди:

screen shot 2016-07-08 at 18 40 56

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдорд╛рд░реНрдХрд░ рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдФрд░ рдХрд╕реНрдЯрдо рд▓реЗрдмрд▓ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП, "рдорд╛рд░реНрдХрд░рд╡рд┐рдерд▓реЗрдмреЗрд▓" Google рдореИрдкреНрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
https://github.com/googlemaps/v3-utility-library/blob/master/markerwithlabel/src/markerwithlabel.js

screen shot 2016-07-08 at 18 40 10

рдЗрд╕реЗ рдХреЛрдгреАрдп 1 рдФрд░ рджреЗрд╢реА Google рдорд╛рдирдЪрд┐рддреНрд░ рдкрд░ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреЛрдгреАрдп 2 рдФрд░ рдЗрд╕ рдкреНрд▓рдЧрдЗрди рдХреЗ рд╕рд╛рде рдПрдХ рд╣реА рддрд░реНрдХ рдХреЛ рдХреИрд╕реЗ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛рдПред рдпрд╛ рдореБрдЭреЗ рд╕реАрдзреЗ angular1 рдХреА рддрд░рд╣ googlemaps api рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

@ ddctd143 рдЖрдк рдорд╛рдирдЪрд┐рддреНрд░ рдпрд╛ рдорд╛рд░реНрдХрд░ рдШрдЯрдХ рдХреЗ рдЕрдВрджрд░ рд░рдЦреЗ рдХрд╕реНрдЯрдо рдШрдЯрдХ / рдирд┐рд░реНрджреЗрд╢ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬреИрд╕реЗ рдХрд┐ рдпрд╣рд╛рдВ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ: https://github.com/SebastianM/angular2-google-maps/issues/307##uuecomment -229084829

рдореИрдВрдиреЗ рдКрдкрд░ рдХреЗ рд╣рд▓ рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдореИрдк рдХреЗ рд▓рд┐рдП рдкреНрд▓рдВрдХреНрд░ рдореЗрдВ рдПрдХреАрдХреГрдд рдХрд░ рджрд┐рдпрд╛ рд╣реИ:

https://plnkr.co/edit/rv6udUOEedMxJejEpIW1

рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЕрднреА рддрдХ рдорд╛рд░реНрдХрд░ рдХреЗ рд▓рд┐рдП рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рдкрддрд╛ рдирд╣реАрдВ рдЪрд▓рд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдореБрдЭреЗ рдЗрд╕рдХреЗ рд╕рд╛рде рд▓реЗрдмрд▓ рдХреА рднреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рдЬрдм рдореИрдВ рд╕реНрдЯрд╛рдЗрд▓-рдорд╛рд░реНрдХрд░ рдирд┐рд░реНрджреЗрд╢ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдореБрдЭреЗ рдорд╛рд░реНрдХрд░ рдЙрджрд╛рд╣рд░рдг рдорд┐рд▓ рд╕рдХрддрд╛ рд╣реИ рдпрд╛ рдирд╣реАрдВред

@alexjeen рдХреНрдпрд╛ рдЖрдк

рдЕрдЧреНрд░рд┐рдо рдореЗрдВ рдзрдиреНрдпрд╡рд╛рдж:
http://stackoverflow.com/questions/40087258/angular2-google-maps-style-marker

рдореИрдВ рд╕реНрдЯреИрдХрдУрд╡рд░рдлреНрд▓реЛ рдореЗрдВ @ ddctd143 рдЙрддреНрддрд░ рдХреЗ рдмрд╛рдж MarkerWithLabel рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди Google рдХреЛ рдорд╛рд░реНрдХрд░рд╡рд┐рдерд▓рдмреЗрд▓.рдЬреЗрдПрд╕ рдкрд░ рдкрд░рд┐рднрд╛рд╖рд┐рдд рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣реА рд╣реИред рдХреНрдпрд╛ рдХреЛрдИ рдЬрд╛рдирддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдХреИрд╕реЗ рдареАрдХ рдХрд░реЗрдВ?

@ рдмреАрдмреНрд░ рдЖрдкрдХреЛ рдЗрд╕реЗ рдПрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдЖрдпрд╛рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

@bbr рдХреНрдпрд╛ рдЖрдк рдХрднреА рдпрд╣ рдХрд╛рдо рдХрд░ рдкрд╛ рд░рд╣реЗ рдереЗ?

@ рд░рд┐рдпрд╛рди-рдореЙрд░рд┐рд╕ рд╣рд╛рдБ, рдореБрдЭреЗ index.js рд╕реЗ рдкрд╣рд▓реЗ рдирдХреНрд╢рд╛ рд▓реЛрдб рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

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 рддреНрд░реБрдЯрд┐ рдХреНрд╖реЗрддреНрд░ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдХрд╛рд░реНрдп: рд╡рд╛рджрд╛;
`@ рдХреЛрдгреАрдп / рдХреЛрд░ 'рд╕реЗ` рдЖрдпрд╛рдд {рдирд┐рд░реНрджреЗрд╢, OnInit};
'angular2- рдЧреВрдЧрд▓-рдореИрдкреНрд╕ / рдХреЛрд░' рд╕реЗ {GoogleMapsAPIWrapper} рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдЖрдпрд╛рдд "../scripts/markerwithlabel.js";

рдШреЛрд╖рд┐рдд рдХрд╛рдВрд╕реНрдЯреНрд░реЗрдХреНрдЯрд░ рд╡рд┐рдерд▓реЗрдмреЗрд▓: рдХреЛрдИ рднреА;

@ рдЕрдкреНрд░рддреНрдпрдХреНрд╖ ({
рдЪрдпрдирдХрд░реНрддрд╛: 'рдорд╛рд░реНрдХрд░рд▓реИрдм-рдирд┐рд░реНрджреЗрд╢'
})

рдирд┐рд░реНрдпрд╛рдд рд╡рд░реНрдЧ MarkerLabelDirective рдкрд░ рд▓рд╛рдЧреВ рд╣реЛрддрд╛ рд╣реИ {

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); });

}
} `

рдХреЛрдИ рдЕрдкрдбреЗрдЯреНрд╕?

рдЧреВрдЧрд▓ рдореИрдкреНрд╕ рдПрдкрд┐ рдбреЙрдХреНрдпреВрдореЗрдВрдЯреЗрд╢рди рд╕реЗ рдПрдХ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб, рд╣реЗрдпрд░реНрд╕ рд▓реЗрдмрд▓ рдпрд╛ рддреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдпрд╛ рдПрдХ рдорд╛рд░реНрдХрд░рд▓реЗрдм рдСрдмреНрдЬреЗрдХреНрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рд╡рд┐рдирд┐рд░реНрджреЗрд╢рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рд▓реЗрдмрд▓ рдХреЗ рд▓рд┐рдП рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдорд╛рд░реНрдХрд▓реЗрдмреЗрд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ рдЪрд░ рдХреЗ рд░реВрдк рдореЗрдВ рдлрд╝реАрдб рдХрд░реЗрдВ рдЬреИрд╕реЗред
`Let рдорд╛рд░реНрдХрд░рд▓реИрдмрдСрдмрдЬреЗрдХреНрдЯ = {
рд▓рд╛рд▓ рд░рдВрдЧ",
рдлрд╝реЙрдиреНрдЯрдорд┐рд▓реА: "рдореЛрдиреЛрд╕реНрдкреЗрд╕",
fontSize: "13",
fontWeight: "100",
рдкрд╛рда: рддрддреНрд╡ред рдирд╛рдо

     }

    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) рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рдирд╣реАрдВ рд╣реИ?
рддреНрд░реБрдЯрд┐: 'рдорд╛рд░реНрдХрд░рдордереЗрд▓рдмреЗрд▓' рдХреЛ рдирд╣реАрдВ рдмрд╛рдВрдз рд╕рдХрддреЗ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ 'рдПрдЧреНрдо-рдорд╛рд░реНрдХрд░' рдХреА рдЬреНрдЮрд╛рдд рд╕рдВрдкрддреНрддрд┐ рдирд╣реАрдВ рд╣реИред
рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореИрдВ рдкреАрдЖрд░ рдореЗрдВ рдХреЛрдб рдХреЛ рд╕рдордЭрддрд╛ рд╣реВрдВ рдореБрдЭреЗ рдЗрд╕реЗ 'рд╕рд╣реА' рдкрд░ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдореИрдВрдиреЗ рдХреЛрд╢рд┐рд╢ рдХреА:
рдХреЛрдгреАрдп 7 (рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рджреНрд╡рд╛рд░рд╛ рдЕрднреА рддрдХ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ)
@ agm /
[email protected]

рдХреНрдпрд╛ рдХреЛрдИ рдореБрдЭреЗ рдмрддрд╛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ?

@pueaau рдЗрд╕ рдХрд╛рдо рдХреЛ рдкрд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рдерд╛, рд▓реЗрдХрд┐рди рд░рд╛рд╕реНрддреЗ рд╕рднреА рдХрдЯреЗ рд╣реБрдП рд╣реИрдВ https://www.npmjs.com/package/@ajqua/marker -with- рд▓реЗрдмрд▓

рд╕рд╣реА рд░рд╛рд╕реНрддреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ рдирдпрд╛ рд░реЗрдкреЛ рдмрдирд╛рдпрд╛
https://github.com/braxtondiggs/marker-with-label

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

maneesht picture maneesht  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dineshkumar20 picture dineshkumar20  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alexweber picture alexweber  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

DeveloperAdd007 picture DeveloperAdd007  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

gnujeremie picture gnujeremie  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ