MapsLong and MapsLat
These two keywords are required in setting up a Maps view. These specifies the longitude (MapsLong) and latitude (MapsLat) of the markers displayed on the map.
MapsTooltip
This keyword allows you to display a tooltip. You simply need to specify the template-column to display the tooltip content. Setting up a tooltip template is the same as any other HTML template. We recommend following this tutorial for a step by step guide. You just need to add "MapsTootip" in the second row of the template column in your data sheet.
MapsMarker
Use this keyword to change the look of your markers and customize them with images or icons. Similar to ImageType, you just need to specify the MapsMarker keyword to display images from a column containing links to your images. Images from your Google Drive or from websites (web URLs) can be used. To learn more about using images stored in Google Drive, please reference our article: Display images from Google Drive.
ColorType
This keyword allows you to change the color of the pins on your map. You can use HTML color names (red, blue, yellow ...), hex or rgba color. To set this up, just specify the ColorType keyword and indicate the pertinent colors in your datasource.
Comments
7 comments
Are there ways to control the zoom in starting point or the dimensions of the map itself? Thanks for any help! I've got this working, but would like an optimized starting position of the map.
Hi Eduservices,
Unfortunately, it is not possible yet to change the zoom in your view. However, there is a new option that allows you to stop using clusters or markers.
Kind regards,
Thomas
Hi, for some reason, when my rows reach 185 rows the map does not center anymore on the results, please take a look at the screenshots to see if is there any solution to this issue. I would appreciate your help, thanks in advance.
Below is all fine up to 186 rows of data
This is what happens when it reaches 187 rows
Hi Francis Ortiz Ocaña,
Would it be possible for you to share your Awesome Table view and your spreadsheet at "support@awesome-table.com"?
If you have sensitive data, you can make a copy with similar data. Just make sure to give us access to your data.
Thanks in advance.
Thomas
Hello @Francis Ortiz Ocaña.
I've encountered that same issue several times before.
I reckon it has nothing to do with the number of records (rows).
But rather, an issue with the coordinates (longitude & latitude).
Could you please follow the recommendation in this FAQ and let us know what happens.
- Randy
A strange map zoom bug - in a map & table view, I'd like my users to be able to toggle the map on/off. I added the necessary javascript and a button and it works fine (toggling the display property of the first instance of the "at-map-panel" class). However, I'd like the default to be off, but for some reason, loading the view with a .at-map-panel {display: none;} CSS causes the map to zoom out to the maximum.
Same unwanted effect happens even when applying {display: none;} via javascript after the map has been successfully loaded (using an onload event listener for instance) - it loads fine, then is immediately hidden, and when manually displayed again - it's zoomed out...
This doesn't happen when map display is on by default and the user toggles it on/off manually.
Help...?
Table & Map - map is displayed by default - works fine
https://awesome-table.com/-LMpXneEZ7BiJpNDVDUf/view
Table & Map - map is hidden by default - zooms out after load
https://awesome-table.com/-LMpZW4J2KBbfZcxOVmV/view
Spreadsheet for both (containing both templates)
https://docs.google.com/spreadsheets/d/1-mPabudTSqqnxcAp1KhgqzhNSIOUPKCe8yvPkVNFsDc/edit?usp=sharing
Hello Nahdi Lazar,
Sorry for the delay of the response!
The solution is to hide the map with 0px but not use "display:none" otherwise the map doesn't exist and the zoom doesn't work.
Here is a copy of your Awesome Table view and here is a copy of your spreadsheet.
Kind regards,
Thomas
Please sign in to leave a comment.