Zh OpenStreetMap Visualization: Difference between revisions

From Documentation
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 67: Line 67:
[[File:Visualization-DataSQL-Main.png]]
[[File:Visualization-DataSQL-Main.png]]


As you can see I use joomla notation for my table. I use table for placemarks, because it contains latitude and longitude in different fields.
As you can see I use table for placemarks, because it contains latitude and longitude in different fields.


I added aliases for my columns, because I describe in Structure names which differ from table column names.
I added aliases for my columns, because I describe in Structure names which differ from table column names.
Line 97: Line 97:


Main view
Main view
[[File:Visualization-Example1-1.png]]
[[File:Visualization-Example1-1.png]]


Hover  
Hover  
[[File:Visualization-Example1-2.png]]
[[File:Visualization-Example1-2.png]]


Click
Click
[[File:Visualization-Example1-3.png]]
[[File:Visualization-Example1-3.png]]
   
   
=== One column for coordinates (latitude and longitude) ===
I will rewrite my SQL to get one ''column'', I just concatenate columns
Create Structure
[[File:Visualization-Structure-Main-2.png]]
In this case I defined column '''Coordinates'''. It means my column contain both coordinates
[[File:Visualization-Structure-Columns-2.png]]
And my Data Source
[[File:Visualization-DataSQL-Main-2.png]]


== Conclusion ==
== Conclusion ==

Revision as of 12:26, 13 November 2019

Preface

Use visualization to show data from other data sources (database tables).

To do it you should do next steps:

  • create Structure
  • create Data Source, assign your Structure
  • create Path or Placemark, assign your Data Source

Here you can see main page for visualization.

Structure

In Structure you enter information about your data, ie column names to use from data source, and other attributes.

Data Source

In Data Source you define SQL statement to get data from database.

For flexible use there is only one field for SELECT statement, you can just create it in phpMyAdmin, copy/paste and use it.

You can use for table names as full names, as names in joomla notation (ie starting from #__)


Examples

Lets create a few examples to show how you can use visualization on your site.

I don't create new tables, I will use tables from my extension.

Here my data for Example 1, Example 2


Separate columns for latitude and longitude

Lets create Structure

Add main information

Add columns description

In this example I created structure, which describe that my data will contain two columns - lat and lng.

For this our test example we have to define only two fields.

In other words my SQL will have columns lat and lng


When come back to Structure list we can see our Structure.

For easy way you can press Close button in toolbar to return to main visualization page


Now we need to create Data Source.

As you can see I use table for placemarks, because it contains latitude and longitude in different fields.

I added aliases for my columns, because I describe in Structure names which differ from table column names.

And as you can see in this source I use our Structure.

When come back to Data Source list we can see our Data Source


Now lets show this data.

Go to Paths and create new one

Here you set Object Type and Visualization Data Source.

And on details page we need define some attributes to our Line

As you can see I set Hover Color.

Moreover I enter Addition HTML text, set Action by click to open popup and other Path properties.

Publish Path and lets check

Main view

Hover

Click


One column for coordinates (latitude and longitude)

I will rewrite my SQL to get one column, I just concatenate columns

Create Structure

In this case I defined column Coordinates. It means my column contain both coordinates

And my Data Source


Conclusion

As you can see you can easy create visualization, easy control behaviour your map objects.

Structure is separated from Data Source for flexible use, you can create one Structure definition and many Data Sources (with different WHERE clause for main SELECT)