ΠΡΡΡ Π»ΠΈ ΡΠΏΠΎΡΠΎΠ± Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°ΠΊΠΈΠ΅ ΠΌΠ΅ΡΠΊΠΈ ΠΊ ΠΌΠ°ΡΠΊΠ΅ΡΠ°ΠΌ?
@ssypi Π― Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ ΡΠ΅ΠΉΡΠ°Ρ ΡΡΠΎ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Ρ Π΄Π°Π½Π½ΡΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ² ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°? Π’ΠΎΠ³Π΄Π° ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅ΡΠΈΡΡ.
Π― ΡΠΎΠΆΠ΅ ΠΈΠ·ΡΡΠ°Ρ ΡΡΠΎ, ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΌΠ΅Π½ΡΡ Π·Π½Π°ΡΠΎΠΊ Π±ΡΠ»Π°Π²ΠΊΠΈ !!!
@SebastianM Π£ ΠΌΠ΅Π½Ρ Π΅ΡΠ΅ Π½Π΅ Π±ΡΠ»ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΡΡΠΎΠ±Ρ ΡΠ³Π»ΡΠ±ΠΈΡΡΡΡ Π² ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, Π½ΠΎ ΠΎΠ΄Π½Π° ΠΈΠ· Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ - ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ Ρ ΠΌΠ΅ΡΠΊΠΎΠΉ ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ-ΡΡΠΈΠ»ΠΈΡ google-maps (ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠΈ ΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ / ΠΏΡΠΈΠΌΠ΅ΡΡ) ΠΈΠ»ΠΈ ΡΡΠΎΠΉ Π²ΠΈΠ»ΠΊΠΈ . ΠΠ° ΠΏΠ΅ΡΠ²ΡΠΉ Π²Π·Π³Π»ΡΠ΄ ΠΎΠ½ ΠΊΠ°ΠΆΠ΅ΡΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΡΠΌ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ, Ρ ΠΎΡΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½Π° ΡΡΡΠ»ΠΊΠ° Π½Π° ΠΊΠ°ΡΡΡ.
@ brian -inger Π·Π½Π°ΡΠΎΠΊ Π±ΡΠ»Π°Π²ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ, ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ² ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 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.js
Π Π΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅:
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΡ ΠΌΠ΅ΡΠΊΡ, ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠ°ΡΡ Google "markerwithlabel".
https://github.com/googlemaps/v3-utility-library/blob/master/markerwithlabel/src/markerwithlabel.js
Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π»ΠΈ ΡΡΠΎ Π½Π° angular1 ΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΠΊΠ°ΡΡΠ°Ρ Google, Π½ΠΎ Ρ Π½Π΅ Π·Π½Π°Ρ, ΠΊΠ°ΠΊ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡ ΠΆΠ΅ Π»ΠΎΠ³ΠΈΠΊΡ Ρ angular2 ΠΈ ΡΡΠΈΠΌ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ. ΠΠ»ΠΈ Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ api googlemaps Π½Π°ΠΏΡΡΠΌΡΡ, ΠΊΠ°ΠΊ Π² angular1?
@ ddctd143 ΠΡ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±ΠΈΡΡΡΡ ΡΡΠΎΠ³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° / Π΄ΠΈΡΠ΅ΠΊΡΠΈΠ²Ρ, ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Π½ΠΎΠ³ΠΎ Π²Π½ΡΡΡΠΈ ΠΊΠ°ΡΡΡ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΠΌΠ°ΡΠΊΠ΅ΡΠ°, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π·Π΄Π΅ΡΡ: https://github.com/SebastianM/angular2-google-maps/issues/307#issuecomment -229084829
Π― ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π» Π²ΡΡΠ΅ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π² Plunkr Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠ°ΡΡΡ:
https://plnkr.co/edit/rv6udUOEedMxJejEpIW1
ΠΠΎ ΠΌΠ½Π΅ Π΅ΡΠ΅ ΠΏΡΠ΅Π΄ΡΡΠΎΠΈΡ ΠΏΡΠΈΠ΄ΡΠΌΠ°ΡΡ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ Ρ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠΌ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΌΠ½Π΅ ΡΠ°ΠΊΠΆΠ΅ Π½ΡΠΆΠ½Π° ΡΡΠΈΠΊΠ΅ΡΠΊΠ° Ρ Π½ΠΈΠΌ. ΠΠΎΠ³Π΄Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄ΠΈΡΠ΅ΠΊΡΠΈΠ²Ρ styled-marker, Ρ Π½Π΅ Π·Π½Π°Ρ, ΡΠΌΠΎΠ³Ρ Π»ΠΈ Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΌΠ°ΡΠΊΠ΅ΡΠ°.
@alexjeen ΠΠΎΠΆΠ΅ΡΠ΅ Π»ΠΈ Π²Ρ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π² stackoverflow? ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠ΅ΡΡΡΠ΅Π² Π½Π°Π·Π°Π΄ Ρ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠ°Π» ΡΠ²ΠΎΠΉ ΠΊΠΎΠ΄ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΎΠΉ ΠΈ ΠΊΠ°ΡΡΠ°ΠΌΠΈ Google. Π― ΠΎΡΠ²Π΅ΡΡ Π½Π° Π²Π°Ρ Π²ΠΎΠΏΡΠΎΡ.
ΠΠ°ΡΠ°Π½Π΅Π΅ ΡΠΏΠ°ΡΠΈΠ±ΠΎ:
http://stackoverflow.com/questions/40087258/angular2-google-maps-style-marker
Π― ΠΏΡΡΠ°ΡΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ MarkerWithLabel ΠΏΠΎΡΠ»Π΅ ΠΎΡΠ²Π΅ΡΠ° @ ddctd143 Π² stackoverflow, Π½ΠΎ ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΎΡΠΈΠ±ΠΊΡ, Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ Google Π½Π° markerwithlabel.js. ΠΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π·Π½Π°Π΅Ρ, ΠΊΠ°ΠΊ ΡΡΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ?
@bibr ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ ΠΊΠ°ΠΊ 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>
Π― Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±Π΅ΡΠ΅Π΄ΠΊΡ?
ΠΠΎΡ ΠΎΠΆΠ΅, ΡΡΠΎΡ ΡΠΊΡΠΈΠΏΡ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ Π΄ΠΎ ΠΊΠ°ΡΡΡ. ΡΡΠΎ Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΎΡΠΈΠ±ΠΊΡ. Π― ΡΡΠΎ-ΡΠΎ ΡΠΏΡΡΡΠΈΠ»?
@bibr
ΠΠ°ΡΡΡ 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 ΡΠΆΠ΅ Π·Π°Π³ΡΡΠΆΠ΅Π½Π° angular2-google-maps
@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 ΠΠΎΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ Zone: angular; ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: ReferenceError: MarkerWithLabel Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π½ΠΎΠ²ΡΠΉ MarkerWithLabel. ΠΡΡΡ ΠΈΠ΄Π΅ΠΈ, ΠΊΠ°ΠΊ Ρ ΠΌΠΎΠ³Ρ ΡΡΠΎ ΡΠ΅ΡΠΈΡΡ?
`import {ΠΠΈΡΠ΅ΠΊΡΠΈΠ²Π°, OnInit} ΠΈΠ· '@ angular / core';
ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ {GoogleMapsAPIWrapper} ΠΈΠ· angular2-google-maps / core;
import "../scripts/markerwithlabel.js";
ΠΎΠ±ΡΡΠ²ΠΈΡΡ ΠΊΠΎΠ½ΡΡΠ°Π½ΡΠ½ΡΠΉ ΠΌΠ°ΡΠΊΠ΅Ρ
@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 = Π½ΠΎΠ²ΡΠΉ google.maps.LatLng (49.47805, -123.84716);
var homeLatLng = Π½ΠΎΠ²ΡΠΉ 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 ΠΈ Π²Π²Π΅Π΄ΠΈΡΠ΅ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ
`let markerLabelObject = {
ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ",
fontFamily: "ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΉ",
fontSize: Β«13Β»,
fontWeight: "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 Π£ Π²Π°Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠ°ΡΠΊΠ΅ΡΠ° ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅ΡΡΡ? ΠΠ»Ρ ΠΌΠ΅Π½Ρ ΡΡΠΎ Π½Π΅ ΡΠ°ΠΊ, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ.
@ ΠΠΌΠΌΡΡΠ»ΠΈΠ·Π° , ΡΡ
ΠΠΎΠ±Π°Π²Π»Π΅Π½ Π·Π°ΠΏΡΠΎΡ Π½Π° Π²ΡΡΡΠ³ΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΡΡΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ
ΠΡΠ° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π±ΡΠ»Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π° ΠΊΠ°ΠΊ ΡΡΡΠ°ΡΠ΅Π²ΡΠ°Ρ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ Π±ΡΠ»ΠΎ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ. ΠΠ½ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΊΡΡΡ, Π΅ΡΠ»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ. Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π²Π°Ρ Π²ΠΊΠ»Π°Π΄.
Π― ΠΏΠΎΠΏΡΡΠ°Π»ΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ ΡΠ΅ΠΉΡΠ°Ρ ΠΈ ΠΏΠΎΡΠ΅ΡΠΏΠ΅Π» Π½Π΅ΡΠ΄Π°ΡΡ. ΠΠΈΠ±ΠΎ Ρ ΠΎΡΠΈΠ±Π°ΡΡΡ, Π»ΠΈΠ±ΠΎ ΡΡΠΎ Π½Π΅ ΡΠ°ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠΈ (1.0.0-beta.5)?
ΠΠ¨ΠΠΠΠ Π²: Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΡ ΠΊ 'markerWithLabel', ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΎ Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 'agm-marker'.
ΠΠ°ΡΠΊΠΎΠ»ΡΠΊΠΎ Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ ΠΊΠΎΠ΄ Π² PR, ΠΌΠ½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π΄Π»Ρ Π½Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Β«trueΒ».
Π― ΠΏΡΠΎΠ±ΠΎΠ²Π°Π»:
Angular 7 (ΠΏΠΎΠΊΠ° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠ΅ΠΉ)
@ agm / [email protected]
[email protected]
ΠΠΎΠΆΠ΅Ρ ΠΊΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ½Π΅, ΠΊΠ°ΠΊ Π·Π°ΡΡΠ°Π²ΠΈΡΡ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°?
@pueaau ΠΡΡΠ°Π»ΡΡ Π·Π°ΡΡΠ°Π²ΠΈΡΡ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ, Π½ΠΎ Π²ΡΠ΅ ΠΏΡΡΠΈ ΠΏΠ΅ΡΠ΅Π³ΡΡΠΆΠ΅Π½Ρ https://www.npmjs.com/package/@ajqua/marker -with-label
Π‘ΠΎΠ·Π΄Π°Π» Π½ΠΎΠ²ΠΎΠ΅ ΡΠ΅ΠΏΠΎ Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌΠΈ ΠΏΡΡΡΠΌΠΈ
https://github.com/braxtondiggs/marker-with-label
ΠΡΠ° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π±ΡΠ»Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π° ΠΊΠ°ΠΊ ΡΡΡΠ°ΡΠ΅Π²ΡΠ°Ρ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ Π±ΡΠ»ΠΎ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ. ΠΠ½ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΊΡΡΡ, Π΅ΡΠ»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ. Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π²Π°Ρ Π²ΠΊΠ»Π°Π΄.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠΎΡ ΠΎΠ±Ρ ΠΎΠ΄Π½ΠΎΠΉ ΠΏΡΡΡ, ΠΈΠ· Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ API ΠΊΠ°ΡΡ Google, ΠΌΠ΅ΡΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π»ΠΈΠ±ΠΎ ΡΡΡΠΎΠΊΠΎΠΉ, Π»ΠΈΠ±ΠΎ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ ΠΎΠ±ΡΠ΅ΠΊΡΠ° MarkerLabel, ΠΏΠΎΡΡΠΎΠΌΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠΎΠΊΠΈ Π΄Π»Ρ ΠΌΠ΅ΡΠΊΠΈ ΡΠΊΠ°ΠΆΠΈΡΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡ MarkerLabel ΠΈ Π²Π²Π΅Π΄ΠΈΡΠ΅ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ
`let markerLabelObject = {
ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ",
fontFamily: "ΠΌΠΎΠ½ΠΎΡΠΈΡΠΈΠ½Π½ΡΠΉ",
fontSize: Β«13Β»,
fontWeight: "100",
ΡΠ΅ΠΊΡΡ: element.names