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
Einführung Unser Unternehmen ist an der Forschung...
So fügen Sie ein <script>-Skript in HTML ein...
In diesem Artikel wird der spezifische Code von J...
Vorwort Ich habe einige Beispiele mit Vue3 geschr...
Mit den richtigen Einstellungen können Sie Linux-...
1. Ein Container ist eine unabhängig laufende Anw...
Was ist ein Karussell? Karussell: In einem Modul ...
Wirkung: Ideen: Verwenden Sie das Eingabetypattri...
Zeichensatzfehler treten immer auf Gebietsschema:...
Ich bin heute auf ein seltsames Netzwerkproblem g...
Installieren Sie mysql5.7 unter Win. Zu Ihrer Inf...
Über wen Zeigt die am System angemeldeten Benutze...
Inhaltsverzeichnis 01 Problembeschreibung 02 Lösu...
Letztes Jahr war der offene Brief ein großer Erfo...
1. Führen Sie SQL aus, um anzuzeigen wählen Sie @...