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
In diesem Artikel werden hauptsächlich drei Metho...
In diesem Artikel wird die Installations- und Kon...
Vorwort Bei der Entwicklung tatsächlicher Projekt...
Inhaltsverzeichnis Vorwort 1. Einfügen von ignore...
Inhaltsverzeichnis 1. Was ist ein Abschluss? 2. D...
Gründe, warum die 1px-Linie dicker wird Wenn wir ...
In diesem Artikelbeispiel wird der spezifische JS...
In diesem Artikel finden Sie das grafische Tutori...
HTML und CSS 1. Verständnis und Kenntnisse von WE...
Geben Sie /usr/local/nginx/conf ein sudo cd /usr/...
Inhaltsverzeichnis 1. MySQL 8.0.18 installieren 2...
Inhaltsverzeichnis Installieren und Einführen von...
FIFO-Kommunikation (First In First Out) FIFO-Name...
In horizontaler Richtung können Sie die Ausrichtu...
Frage Das nahtlose Scrollen von Bildern und Texte...