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
<frame name="frmPictureMap" width="700p" lmargin="10p" height="700p" tmargin="20p" bmargin="20p" framebox="true"> <prop name="PictureMapData" ignore-touch-in-transparent-area="true" type="Z" contents="PictureMapData" imgbk="mapa-GLOBAL.png" viewmode="picturemap" /> <contents name="PictureMapData" src="ContentPictureMapData" /> </frame>
Ejemplos:
<coll name="ContentPictureMapData" title="PictureMapData" loadall="true" sql="select t1.* from ##PREF##picturemapdata t1" objname="picturemapdata" updateobj="picturemapdata" progid="ASData.CASBasicDataObj"> <group name="General" id="1"> <prop name="ID" title="Codigo" type="N" visible="0" labelwidth="0" /> <prop name="CODIGO" title="Codigo" type="T" visible="0" labelwidth="0" /> <prop name="TITULO" title="Titulo" labelwidth="0" type="T" visible="4" /> <prop name="DESCRIPCION" title="Descripcion" labelwidth="0" type="T" visible="4" /> <prop name="ESTADO" title="Estado" labelwidth="0" type="T" visible="4" /> <prop name="XCOORD" type="N" xcoord="true" visible="4" /> <prop name="YCOORD" type="N" ycoord="true" visible="4" /> <prop name="ICONBIG" width="126" height="168" type="T" size="250" icon-big="true" visible="4" /> <prop name="RADIO" type="N" circle-radius="true" visible="4" /> <prop name="ICONOFF" width="126" height="168" type="T" size="250" icon-mark="true" visible="4" /> <prop name="ICONON" width="126" height="168" type="T" size="250" icon-touch="true" visible="4" /> </group> <selecteditem show-wait-dialog="false" refresh="false"> <action name="runscript"> <script language="javascript"> var parent = self.getOwnerCollection().getOwnerObject(); parent.MAP_ID=self.ID; parent.MAP_NOMBRE = self.TITULO; parent.MAP_DESCRIPCION = self.DESCRIPCION; //ui.refresh("MAP_NOMBRE,MAP_DESCRIPCION"); ui.getView(parent).refresh("MAP_NOMBRE,MAP_DESCRIPCION"); </script> </action> </selecteditem> </coll>
Atributos para utilizar en los props de la colección del content vista PictureMap:
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:
Veáse también:
Mapas by XONe