{{indexmenu_n>1}}
==== PICTURE-MAP ====
\\
Content Picture Mapa Data.\\
\\
Para definir content tipo Picture Map Data se hace la declaración del prop type="z" asociado al atributo **viewmode="picturemap"**.
La colección asociada al content contendrá los datos de coordenadas, nombre de puntos, localizaciñons, marcas de mapa, iconos asociados
\\
{{ :wiki:2.-desarrollo-app:2.3.-codigo:b.-controles-xone:5.-listado-de-datos:6.-picture-map:screenshot_20231006-135803.png?200 |}}
\\
=== Declaración del Content: ===
\\
\\
**Ejemplos**:\\
\\
=== Colección de datos para PictureMap ===
\\
\\
Atributos para utilizar en los props de la colección del content vista %%PictureMap%%:
\\
|<55%>|
^ Atributos ^ Funcionalidad ^
| ignore-touch-in-transparent-area="true" | Permite decartar si el usuario toca cualquier área contenida en el Mapa |
| imgbk="archivo.png" | Para asociar imagen al content |
| mapview-embedded="true" | El mapa se mostrará dentro de una ventana de la propia App Xone, en caso contrario se ejecuta la App de Mapas asociada al dispositivo. |
| contents="Coordinates" | Para asociar contents de datos correspondiente al Mapa |
| width="100%" | Definir ancho |
| height="70%" | Definir alto |
| cluster-markers="true" | Este atributo permite definir si se mostrarán los markets points |
| map-type=“terrain” | Definir Tipo de mapa a visualizar. Terreno, híbrido , satélite. |
| show-pois=“true” | Mostarar puntos Pois |
| show-google-buttons=“true” | Mostrar botones predefinidos en Mapas Google |
| show-user-location=“true” | Mostar localización usuario |
| zoom-to-my-location=“false” | Permitir zoom a localización de usuario |
| onmapclicked=“onMapClicked(e);” | Con esta sentencia defeinimos eventos y acciones sobre el mapa |
\\
\\
__Eventos para Mapas:__
* onmapclicked=“onMapClicked(e);”
* ondrop=“onMapDrop(e);”
* onstreetviewenabled=“onStreetViewEnabled(e);”
* onstreetviewunavailable=“onStreetViewUnavailable(e);”
* onmaplongclicked=“onMapLongClicked(e);”
* onmarkerdragend=“onMarkerDraggedEnd(e);”
* onmapready=“onMapReady(e);”
* onlocationready=“onLocationReady(e);”
* onlocationchanged=“onLocationChanged(e);”
* onmapzoomchanged=“onMapZoomChanged(e);”
* ondistancemeter=“onDistanceMeter(e);”
\\
\\
__Veáse también:__
\\
[[https://xoneisp.com/xonewiki/doku.php?id=wiki:2.-desarrollo-app:2.5.-controles-by-xone:mapas:start|Mapas by XONe]]