Markagailu bat baino gehiago gehitu

Markagailu bat baino gehiago gehitu

Mapan markagailu bat baino gehitu ahal izateko, honetan finkatu nahi ditugun kokapenen koordenatu geografikoak (latitudea eta longitudea) jakin behar ditugu itsatsi ahal izateko. Gogoratu, aurreko atalean dituzuela erabilgarri zenbait aukera kokapenak bere informazioekin erabili ahal izateko atal honetan.

Hurrengo kodea kontutan hartuta gehitu behar dugu:

    // Kokapenaren informazioa  markers: Array<IMarker> = [        {          position: {            lat: 43.17757110078426,            lng: -2.3661233885984085,          },        },        {          position: {            lat: 43.177781697765305,            lng: -2.367583962060063,          },        },  ];  // Kamera egokitzeko, sartutako markagailu zerrendarekin  config?: IConfigMap = {    fitBounds: true,  };

Konponentea eta template gehiturik:

import { Component } from '@angular/core';import { IConfigMap } from '@mugan86/ng-leaflet';
@Component({  selector: 'my-app',  templateUrl: './app.component.html',  styleUrls: ['./app.component.css'],})export class AppComponent {    // Kokapenaren informazioa    markers: Array<IMarker> = [        {            position: {                lat: 43.17757110078426,                lng: -2.3661233885984085,            },        },        {            position: {                lat: 43.177781697765305,                lng: -2.367583962060063,            },        },    ];    // Kamera egokitzeko sartutako markagailu zerrendarekin    config?: IConfigMap = {        fitBounds: true,    };}

HTML-ean aplikatuz

<ng-leaflet-map  [mapId]="'two_markers_map'"  [markers]="markers"  [config]="config"></ng-leaflet-map>

Hurrengo emaitza lortuko da:

Hurrengo estekan, adibidea daukazue eskura probatu eta aldaketak egiteko praktikatzeko asmoz:

Stackblitz - Markagailuak kamera fikatzen kokapenen arabera