Tengo el siguiente jsfiddle y me pregunto cómo puedo hacer clic en el botón ficticio para agregar las coordenadas de polígono predefinidas.

 [[[7.43067, 49.109838], [7.43067, 50.331436], [10.135936, 50.331436], [10.135936, 49.109838]]]

Mi javascript:

 var osmUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png', osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors', osm = L.tileLayer(osmUrl, { maxZoom: 18, attribution: osmAttrib }); // initialize the map on the "map" div with a given center and zoom var map = L.map('map').setView([50, 8], 6).addLayer(osm); // add leaflet.pm controls to the map map.pm.addControls(); map.on('pm:create', ({ workingLayer }) => { self_drawn = map.pm.getGeomanDrawLayers(true) console.log(self_drawn.toGeoJSON()) }); function loadSquare() { console.log("ok load the square"); }

mi html

 <div id="map"></div> <button ion-button class="button-action" onclick="loadSquare()" block>Load Square!</button>

Antes:

Después de hacer clic en el botón Cargar cuadrado, obtenga un gemoan con: