0 items ($0.00) Plans & Prices My Applications Profile Login
HOME |  ONLINE NOW |  COMMUNITY |  OUR PORTFOLIO |  LOGIN 

SeattleClouds FORUM > 2. Help & Tutorials
Map type page - Tutorial    

The Map type page allows to display the Google map with multiple locations. Locations are determined by latitude/longitude coordinates and are marked by pins on the map. It is possible to provide each location with a brief description and a link to a target URL of a page containing detailed description of the location.

The page should be tested on SC previewer app (The image in the web simulator has no clickable areas). Editing is done in Edit Map Page.

Page displayed on the device:

The Map Title is editable.

Locations can be added (+button) or removed (-button) from “Locations:” table.

In the table “Location details” you can specify name of the place and its coordinates (latitude/ longitude). 

Additionally you can enter a brief description and a link (Target URL) to a page within your app or a web page containing detailed description of the place. 

Page displayed on the device (upon taping on location pin)

 

Locations can also be entered directly in the app.xml file. 

In the app's Dashboard find the link Edit "app.xml" file 

A Resource Manager window will open with the xml file. 

Scroll down until you find the following code: 

1<location>
2<name>Location 1</name>
3<latitude>53.408708 </latitude>
4<longitude>-2.157344 </longitude>
5<imageurl> </imageurl>
6<ldescription>About Location 1 </ldescription>
7<ltarget>Location1.html </ltarget>
8</location>

These xml tags contain the data for each location you input. 

Copy/paste the tags <location>...</locations> for as many locations you want to add and simply replace the valued between <>...</>tags. 

1<name>Location1</name>

contain the name of location (Location1 can be replaced with a real name of the place) 

Also enter for each location 

1<latitude>... </latitude>
2<longitude>... </longitude>
3<ldescription>... </ldescription>
4<ltarget>… </ltarget>

Enter either link to a page in your app, either URL to a page about “Location1” place. 




Going back to a question I had previously asked...

Is there any way that we can set the initial zoom level for this page ?? Sometimes when I have used this, the zoom level is ok - other times, it is zoomed in way too much or zoomed out too far - making the map look very weird.

Also, is there anyway to have various colours for the pointers on the map, instead of all being red ??

Thanks



Can only get the link to work on some of the pins and not others - is this an normal issue ?


how do I show the current position of the app user?
sorry, newbie!



Just insert the coordinates, Latitude and Longitude.
where do I find those?? I want the map to open and show the location of the immediately.


Vadim:

Is there a reason why I get an error message and the point doesn;t save when I have entered more than nine points?



Douglas,
the issue with the error displayed in case of adding a large number locations in a map page will be fixed. 

A workaround for the error returned by the browser would be to add locations directly in app.xml file. In the xml code locate your map type page and copy/paste data for each new locations enclosed between <location>...</location> tags.

  <location>

        <name>Place name</name>

        <latitude>47.714353</latitude>

        <longitude>-81.005973</longitude>

        <imageurl></imageurl>

        <ldescription>About this location</ldescription>

        <ltarget></ltarget>

  </location>


You must login to post messages. Click here to log in.
    1   
 This topic is closed by Vadim

© Mobiblocks 2011-2012. All Rights Reserved.