adreça + espai + num. postal
i premer la tecla Enter
, per exemple: prim 4. Es mostraran en el mapa totes les ubicacions que coincideixin amb la cerca realitzada.
Cal afegir les referències web a la pàgina on volem utilitzar el component
<link rel="stylesheet" href="//geoportal.reus.cat/app-mapcomponent/v1/mapia-reus-geom.min.css" crossorigin=""/> <script src="//geoportal.reus.cat/app-mapcomponent/v1/mapia-reus-geom.min.js" crossorigin=""></script>
Hem de crear l'element DIV on volem ubicar el mapa en la pàgina web.
<div id="mapid" style="width: 100%; height: 600px;"></div>
Definir l'objecte javascript i definir geometria inicial
// creem objecte per gestionar geometries, indiquem el div on volem ubicar el mapa mapia = new MapiaReusGeom('mapid'); // inicialitzem geometria inicial (valors acceptats: point, linestring, polygon o rectangle) mapia.setGeometryType('point')
Exemple amb totes les funcionalitats de la API
// modificar el tipus de geometria actual mapia.setGeometryType('point') // eliminar la geometria dibuixada actual mapia.clearGeometry() // zoom sobre la geometria actual mapia.zoomTo() // obtenir una cadena de text WKT amb el valor de la geometria let wktGeom = mapia.getGeometry() // dibuixar la geometria des d'una cadena de text WKT let wktGeom = 'LINESTRING(1.09717905 41.15685546,1.10553681 41.15762285,1.10553681 41.15762285)' mapia.setGeometry(wktGeom) // per obtenir els valors de la geometria (coordenades, distància, àrea o perímetre) let latitude = mapia.results.latitude let longitude = mapia.results.longitude let length = mapia.results.length let area = mapia.results.area let perimeter = mapia.results.perimeter // obtenir el tipus de geometria let type = mapia.geomType // deshabilitar l'edició de la geometria carregada mapia.editingEnabled = false // carrega la capa de carrers mapia.loadStreets()