https://sigdeletras.

com/2019/apirest-de-datos-geograficos-con-node-y-express/

SELECT b.id, b.geom,b.nombre

FROM estructuravial b
WHERE ST_DWithin(b.geom, 'SRID=32720;POINT(480656.533 8033298.212)', 30);

SELECT b.id, b.geom,b.nombre

FROM estructuavial_nueva b
WHERE ST_DWithin(b.geom, 'SRID=32720;POINT(479628.581 8031391.342)', 30);

SELECT b.id, b.geom,b.nombre

FROM estructuavial_nueva b
WHERE ST_DWithin(b.geom, 'SRID=32720;POINT(479628.581 8031391.342)', 30);

UV 15
los cusis
SELECT b.id, b.nombre,b.via_lin_text,b.via_lin_text
FROM estructuavial_nueva b
WHERE ST_DWithin(b.geom, 'SRID=32720;POINT(481065.931 8036000.789)', 100);

SELECT b.id, b.nombre,b.via_lin,b.via_lin_text

FROM estructuavial_nueva b
WHERE ST_DWithin(b.geom, 'SRID=32720;POINT(480911.644766 8036034.038040)', 30);

instalar angular cli

https://janpierrsanchez.medium.com/actualizar-angular-cli-para-angular-
2aaf8928ce70

npm install --save-dev @angular-devkit/build-angular

instalar angular material

ng add @angular/material

npm install --save hammerjs

ng g c components/mapa --module=app.module --spec=false

npm install @types/googlemaps --save-dev

npm install @types/googlemaps --save --dev

npm install @google/maps

solucion 1
npm install @types/[email protected] --save-dev
 just inastall
npm install @types/[email protected] --save-dev
npm install @agm/core --save

"@agm/core": "^3.0.0-beta.0",
"@types/googlemaps": "^3.39.12",

npm i @agm/core@^1.0

the error was resolved by using the small change in package version and its working
fine now .

https://desarrolloweb.com/manuales/manual-angular-2.html

Consumo API REST PHP en Angular #2 Configuración de API REST PHP

https://github.com/codernauta/apirestphp

angular api php

https://www.youtube.com/watch?v=0JEa7vvElks&list=PLgXYj3a6Pv7QjYhKQIm9QwkiRwOUIYe_U

RxJS: Reactive Extensions For JavaScript

///////npm install rxjs

http://geo.gob.bo/viewer/

const geolib = require("geolib");

const UTM = require("utm-latlng");
const utm = new UTM();

const input = { lat: "34° 3′ 12.96″ N", lon: "118° 14′ 34.8″ W" };
const decimalCoords = geolib.toDecimal(input);

console.log("Input:", input);
console.log("Degrees/Minutes/Seconds To Decimal:", decimalCoords);
console.log("UTM:", utm.convertLatLngToUtm(decimalCoords.lat, decimalCoords.lon,
0));

cerar un proyecto angular

https://www.discoduroderoer.es/crear-y-ejecutar-un-proyecto-angular/

https://analisisydecision.es/mover-elementos-de-un-mapa-con-qgis-ejemplo-mover-
canarias/

Corregir errores topológicos de capas vectoriales en QGIS 3x

https://www.youtube.com/watch?v=lMC1DBgLLMY

Intersección de capas vectoriales en QGIS 3

https://www.youtube.com/watch?v=xfC_qCI8R3Y

Crear REST API con NodeJS y PostgreSQL (Postgis)

https://www.youtube.com/watch?v=PZIYfM1LB6o
https://www.youtube.com/channel/UC0PPe9oOh59GaOmv4_uiQbA/playlists

Actualiza tu aplicación Angular a la versión 12

https://fjmduran.com/blog/angular-11-a-12

Framework basado en TypeScript

https://bahiaxip.com/entrada/angular-y-angular-cli

Consumo API REST PHP en Angular #8 Petición GET

https://www.youtube.com/watch?v=On44jTkAx8g

Convierte Coordenadas Geográficas a UTM y Viceversa

http://www.padeepro.com/converterutm.html

Transform or convert coordinates of simple feature

https://www.desarrollo-web-br-bd.com/es/postgresql/que-tipo-de-datos-para-latitud-
y-longitud/941282925/

AngularLeaflet
https://github.com/jofredreinosa/angular-leaflet
https://angular-leaflet-1.web.app/

Angular Basics: Introduction to Observables (RxJS)—Part 1

https://www.telerik.com/blogs/angular-basics-introduction-observables-rxjs-part-1

PostgreSQL
https://www.tutorialesprogramacionya.com/postgresqlya/

https://geopois.com/tutoriales/webmapping/mapbox/mapbox-angular

https://github.com/mapbox/postgis-vt-util/tree/master/src

https://mugan86.medium.com/mapas-en-angular-8-con-mapbox-gl-185b157788af

https://asymmetrik.com/ngx-leaflet-tutorial-angular-cli/

https://elasticrash.github.io/Angular.io.MapViewer/documentation/
https://github.com/elasticrash/Angular.io.MapViewer/blob/master/src/app/display-
coordinates/coordinates.ts

https://codesandbox.io/s/x3l39kqvlp?file=/src/app/app.component.ts

https://codesandbox.io/examples/package/@asymmetrik/ngx-leaflet

GEOSON POSTGIS
https://gist.github.com/wboykinm/5730504

Probador de geoJson
https://geojsonlint.com/

https://hotexamples.com/es/examples/-/postgis/-/php-postgis-class-examples.html

POSTMAN
http://localhost/apirestphp_pg/calles/seleccionar.php?
lat=480911.644766&lng=8036034.038040

https://github.com/bmcbride/PHP-Database-GeoJSON/blob/master/demo/index.html
SELECT top(10) * FROM settings.geometry_columns_view order by sort_id

SELECT *, public.ST_AsGeoJSON(public.ST_Transform((geom),4326),6) AS geojson FROM

estructuavial_nueva limit 2000

SELECT *, ST_AsGeoJSON(ST_Transform(geom,4326)) AS geojson FROM mzna_seicu limit 2

SELECT *, public.ST_AsGeoJSON(public.ST_Transform((geom),4326),6) AS geojson FROM

mzna_seicu limit 2

https://handsondataviz.org/index.html

https://codesandbox.io/examples/package/leaflet

**** instalar para las etiquetas

npm i leaflet-streetlabels

unction addDatosFarmacias() {

layerFarmacias = new L.GeoJSON.AJAX(urlFarmacias, {

onEachFeature: function (feature, layer) {
popupContent = "<b>" + feature.properties.EQUIPAMENT + "</b>"+
"<br>" + feature.properties.TIPUS_VIA +
". " + feature.properties.NOM_CARRER +
" " + feature.properties.NUM_CARRER_1 + "</b>";
layer.bindPopup(popupContent);
},
pointToLayer: function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 6,
fillColor: "#00ff00",
color: "#ffffff",
weight: 3,
opacity: 1,
fillOpacity: 0.8
});
}
}).addTo(map);

https://gis-master-m2.github.io/m2-geoweb/farmacias_leaflet/

osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
minZoom: 1,
attribution: 'OSM'
});

terreno =

L.tileLayer('http://{s}.tile.stamen.com/terrain-background/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: 'Stamen terrain',
opacity: 0.5
});
https://gis-master-m2.github.io/geoweb/leaflet-controles.html

https://platzi.com/tutoriales/2478-angular/2021-como-instalar-la-libreria-
alertsweet-2-con-npm-en-proyecto-angular-4/

leaflet-search.min.js
leaflet-search.min.css

Error al importar un js
https://pjausovec.medium.com/how-to-fix-error-ts7016-could-not-find-a-declaration-
file-for-module-xyz-has-an-any-type-ecab588800a8

http://leaflet-extras.github.io/leaflet-providers/preview/index.html
https://github.com/leaflet-extras/leaflet-providers
var Stamen_TerrainLabels =
L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/terrain-labels/{z}/{x}/{y}
{r}.{ext}', {
attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a
href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data
&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>
contributors',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 18,
ext: 'png'
});
var Esri_WorldStreetMap =
L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/
World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
attribution: 'Tiles &copy; Esri &mdash; Source: Esri, DeLorme, NAVTEQ, USGS,
Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand),
TomTom, 2012'
});
var Stamen_TonerLabels =
L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-labels/{z}/{x}/{y}{r}.
{ext}', {
attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a
href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data
&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>
contributors',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
ext: 'png'
});

https://www.adictosaltrabajo.com/2016/06/22/mapas-interactivos-con-leaflet-js/

ng serve --host=0.0.0.0 --disable-host-check

https://es.stackoverflow.com/questions/379079/es-posible-acceder-a-mi-aplicacion-
del-localhost-desde-mi-telefono-android

https://runebook.dev/es/docs/leaflet/
https://www.qgistutorials.com/es/docs/leaflet_maps_with_qgis2leaf.html

https://parzibyte.me/blog/2019/07/11/html-a-imagen-html2canvas-screenshot-de-
pagina-web/
https://blog.nubecolectiva.com/como-convertir-el-contenido-de-un-div-a-imagen-en-
angular-10/

https://vivaelsoftwarelibre.com/anadir-y-modificar-los-controles-en-leaflet/

https://www.tutorialspoint.com/leafletjs/leafletjs_quick_guide.htm

https://html2canvas.hertzen.com/configuration

https://stackblitz.com/edit/angular-html2canvas?file=src%2Fapp%2Fapp.component.html

https://codepen.io/jcannella/pen/yEMxGb?css-preprocessor=sass

Encontré esta solución del código fuente de cómo Chrome toma capturas de pantalla
de página completa.

const base64string = "";

const pageImage = new Image();
pageImage.src = 'data:image/png;base64,' + base64string;
pageImage.onload = function() {
const canvas = document.createElement('canvas');
canvas.width = pageImage.naturalWidth;
canvas.height= pageImage.naturalHeight;

const ctx = canvas.getContext('2d');

ctx.imageSmoothingEnabled = false;
ctx.drawImage(pageImage, 0, 0);
console.log(canvas, pageImage)
saveScreenshot(canvas);
}
function saveScreenshot(canvas) {
let fileName = "image"
const link = document.createElement('a');
link.download = fileName + '.png';
console.log(canvas)
canvas.toBlob(function(blob) {
console.log(blob)
link.href = URL.createObjectURL(blob);
link.click();
});
};
https://www.desarrollo-web-br-bd.com/es/javascript/como-descargar-una-imagen-
codificada-en-base64/1070167969/amp/
https://codepen.io/jcannella/pen/yEMxGb

plugins leaflet
https://github.com/Norkart

https://apps.socib.es/Leaflet.TimeDimension/examples/

https://asymmetrik.com/ngx-leaflet-and-leaflet-plugins/

https://github.com/rodeiro/GEOWEB
ejemplos de angular
https://therichpost.com/angular-13-datatable-with-spring-boot-web-api-data/

https://therichpost.com/angular-11-crud-add-edit-delete-tutorial/

https://therichpost.com/angular-11-bootstrap-5-user-crud-template/

https://therichpost.com/angular-12-primeng-image-upload-preview-delete-and-save-
inside-folder-with-php-functionality/

https://gis-master-m2.github.io/m2-geoweb/introduccion_a_cesium/

https://gis-master-m2.github.io/m2-geoweb/visor_catastro/

https://gis-master-m2.github.io/m2-geoweb/farmacias_leaflet/
https://github.com/CesiumGS

https://angular-cesium.com/

https://opengeo.tech/

https://runette.gitbook.io/alcm/angular-leaflet-controls
https://stackblitz.com/edit/angular-leaflet-controls?file=package.json

https://bl.ocks.org/kierandriscoll/e807dd86353c39ce3b25f90c75bb7db0
https://github.com/bmcbride/PHP-Database-GeoJSON
https://codehandbook.org/use-leaflet-in-angular/
https://www.digitalocean.com/community/tutorials/angular-angular-mvc-primer

https://codingpotions.com/angular-servicios-llamadas-http

geoserver
https://docs.geoserver.org/latest/en/user/gettingstarted/postgis-quickstart/
index.html
https://mappinggis.com/2016/11/trucos-para-mejorar-el-rendimiento-de-geoserver/
https://mappinggis.com/2019/04/como-crear-estilos-sld-con-qgis-para-geoserver/
https://mappinggis.com/2019/04/como-crear-estilos-sld-con-qgis-para-geoserver/

https://codingpotions.com/angular-servicios-llamadas-http

https://technostuf.com/angular-11-how-to-convert-html-to-image/