рдЗрд╕ рддрд░рд╣ рд╕реЗ рдорд╛рд░реНрдХрд░реЛрдВ рдкрд░ рд▓реЗрдмрд▓ рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛?
@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
рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди:
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдорд╛рд░реНрдХрд░ рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдФрд░ рдХрд╕реНрдЯрдо рд▓реЗрдмрд▓ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП, "рдорд╛рд░реНрдХрд░рд╡рд┐рдерд▓реЗрдмреЗрд▓" Google рдореИрдкреНрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
https://github.com/googlemaps/v3-utility-library/blob/master/markerwithlabel/src/markerwithlabel.js
рдЗрд╕реЗ рдХреЛрдгреАрдп 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 рдХреЛ рдорд╛рд░реНрдХрд░рд╡рд┐рдерд▓рдмреЗрд▓.рдЬреЗрдПрд╕ рдкрд░ рдкрд░рд┐рднрд╛рд╖рд┐рдд рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣реА рд╣реИред рдХреНрдпрд╛ рдХреЛрдИ рдЬрд╛рдирддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдХреИрд╕реЗ рдареАрдХ рдХрд░реЗрдВ?
@ рдмреАрдмреНрд░ рдЖрдкрдХреЛ рдЗрд╕реЗ рдПрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдЖрдпрд╛рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП from bower
Example:
<script src="bower_components/google-maps-utility-library-v3-markerwithlabel/dist/markerwithlabel.js"></script>
And to install it with bower use:
"google-maps-utility-library-v3-markerwithlabel": "^1.1.10"
@ ddctd143 рдХреНрдпрд╛ рдЗрд╕рд╕реЗ рдХреЛрдИ рдЕрдВрддрд░ рд╣реИ
<script src="assets/markerwithlabel.js"></script>
рдХреНрдпрд╛ рдореБрдЭреЗ рдмреЛрд╡рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реИ?
рдЗрд╕ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛ рдирдХреНрд╢реЗ рд╕реЗ рдкрд╣рд▓реЗ рд▓реЛрдб рдХрд┐рдпрд╛ рдЧрдпрд╛ рд▓рдЧрддрд╛ рд╣реИред рдЬреЛ рддреНрд░реБрдЯрд┐ рдлреЗрдВрдХрддрд╛ рд╣реИред рдХреНрдпрд╛ рдореБрдЭрд╕реЗ рдХреЛрдИ рдЪреВрдХ рд╣реЛ рд░рд╣реА рд╣реИ?
@ рдмрдмреНрд░
Google рдорд╛рдирдЪрд┐рддреНрд░ рдкрд╣рд▓реЗ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
<script src="https://maps.googleapis.com/maps/api/js?libraries=places,geometry"></script>
<script src="bower_components/google-maps-utility-library-v3-markerwithlabel/dist/markerwithlabel.js"></script>
@ ddctd143
рдлрд┐рд░ рдЗрд╕реЗ рдлреЗрдВрдХ рджреЗрдВрдЧреЗ
You have included the Google Maps API multiple times on this page. This may cause unexpected errors.
рдЪреВрдБрдХрд┐ google map рдкрд╣рд▓реЗ рд╕реЗ рд╣реА angular2-google-Maps рджреНрд╡рд╛рд░рд╛ рд▓реЛрдб рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ
@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 рдХреНрдпрд╛ рдЖрдкрдХреЛ рдпрд╣ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдорд┐рд▓рд╛?
рдЗрд╕ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдХреЗ рд╕рд╛рде рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рдкреБрд▓ рдЕрдиреБрд░реЛрдз
рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред
рдореИрдВрдиреЗ рдЗрд╕реЗ рдЕрдм рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдЕрд╕рдлрд▓ рд░рд╣рд╛ред рдпрд╛ рддреЛ рдореБрдЭреЗ рдХреБрдЫ рдЧрдбрд╝рдмрдбрд╝ рд╣реИ рдпрд╛ рдпрд╣ рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ (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
рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЧреВрдЧрд▓ рдореИрдкреНрд╕ рдПрдкрд┐ рдбреЙрдХреНрдпреВрдореЗрдВрдЯреЗрд╢рди рд╕реЗ рдПрдХ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб, рд╣реЗрдпрд░реНрд╕ рд▓реЗрдмрд▓ рдпрд╛ рддреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдпрд╛ рдПрдХ рдорд╛рд░реНрдХрд░рд▓реЗрдм рдСрдмреНрдЬреЗрдХреНрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рд╡рд┐рдирд┐рд░реНрджреЗрд╢рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рд▓реЗрдмрд▓ рдХреЗ рд▓рд┐рдП рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдорд╛рд░реНрдХрд▓реЗрдмреЗрд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ рдЪрд░ рдХреЗ рд░реВрдк рдореЗрдВ рдлрд╝реАрдб рдХрд░реЗрдВ рдЬреИрд╕реЗред
`Let рдорд╛рд░реНрдХрд░рд▓реИрдмрдСрдмрдЬреЗрдХреНрдЯ = {
рд▓рд╛рд▓ рд░рдВрдЧ",
рдлрд╝реЙрдиреНрдЯрдорд┐рд▓реА: "рдореЛрдиреЛрд╕реНрдкреЗрд╕",
fontSize: "13",
fontWeight: "100",
рдкрд╛рда: рддрддреНрд╡ред рдирд╛рдо