In diesem Artikelbeispiel wird der spezifische Implementierungscode, der von der WeChat-Applet-Karte verwendet wird, zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Der folgende Code ist der Hauptcodeausschnitt <!-- Kartenausschnitt --> <!-- enable-traffic Verkehrsbedingungen anzeigen --> <Klasse anzeigen="Kartencontainer"> <map id='customerMap' class="map" :longitude='Längengrad' :latitude='Breitengrad' :scale='Maßstab' :Marker='Marker' :Controls='Controls' Anzeigeort @markertap="markertap" @updated="aktualisierteKarte" @controltap='bindcontroltap'></karte> </Ansicht> Daten(){ zurückkehren { Breitengrad:23.140962248, Längengrad: 113.305301124, Maßstab: 12, Markierungen:[ {id: '', Breitengrad: 23.140962248, Längengrad: 113.305301124, iconPath: '../static/select-dw.png', //Breite des Symbolpfads am aktuellen Standort: 25, Höhe: 39, }, { Breitengrad: 23.129742, Längengrad: 113.26754, iconPath: '../static/mark.png', //Breite des Kundensymbolpfads: 28, Höhe: 28, Etikett: { Inhalt: 'Zhan Junjun', Textausrichtung: "zentriert", Schriftgröße: 12 } }] } }, onReady() { this.mapCtx = wx.createMapContext('Kundenkarte') }, Methoden:{ // Klicke auf den Markierungspunkt markertap(e) { let { markerId } = e.detail; let item = this.markers.find(v => v.id === markerId); Konsole.log('Element', Element) uni.openLocation({ Breitengrad: Zahl(item.latitude), Längengrad: Zahl(item.longitude), Name: Artikel.Etikett.Inhalt, Adresse: Artikel.Adresse, Erfolg: Funktion() { console.log('Erfolg'); } }); }, // Wenn die Karte geladen ist, löse updatedmap() aus { dies.mapUpdated = wahr; console.log('Ausführung') this.includePoints(); //Alle Kunden werden in der Ansicht angezeigt}, // Markierungspunkt in der Karte sichtbar machen includePoints() { const das = dies const Punkte = [{ Breitengrad: dieser.Breitengrad, Längengrad: dieser.Längengrad }]; dies.markers.forEach(item => { const obi = { Breitengrad: item.latitude, Längengrad: item.longitude } Punkte.push(obi) }) diese.mapCtx.includePoints({ Polsterung: [80, 50, 80, 50], Punkte }) }, } Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: 8 leistungsstarke Techniken zum Erstellen von HTML-Webseiten
Programmierer müssen sich viel mit MySQL befassen...
Szenariosimulation: Das Betriebs- und Wartungsper...
Es gibt zwei Möglichkeiten, mit Nginx mehrere Pro...
Inhaltsverzeichnis Vorwort: 1. Docker installiere...
Der MySQL-Abfragecache ist standardmäßig aktivier...
Grundlegende Konzepte Aktueller Lesevorgang und S...
<br />Um die Fahrzeuge zu regeln, die in die...
Nutzungsumgebung Geben Sie im cmd-Modus mysql --v...
Erstellen eines Projekts Erstellen Sie ein Projek...
Es gibt viele Tags in XHTML, aber nur wenige werd...
Es gibt eine andere Baumstruktur Javascript-Objek...
Stellen Sie sich ein Szenario vor, in dem beim En...
Installieren Sie Fastdfs auf Docker Mount-Verzeic...
Inhaltsverzeichnis 1. Anforderungsbeschreibung 2....
Inhaltsverzeichnis 1.watch überwacht Änderungen i...