This uses the Leaflet.js library for a very mobile-friendly street map with multiple marker support. Draw an HTML box on the page, apply the Leaflet Action to it, set the center location and zoom of the map. Draw one or more Leaflet Marker Action elements on the page, set each to the desired location and enter any desired marker text.
It’s a lovely and refreshing change from the ubiquitous Google map.
I’m also quite pleased with how the location-finder works, since the OSM people have a nice API for their geolocation tool, and there don’t seem to be the same hangups around needing account keys or such. I’ll write a little more about that on the ActionsDev list.
Hi Walter, many thanks I’ve just started to use this Action, great it
uses Open Street Map, glad to be rid of the curse of Google Maps.
FYI: There is a great [offline] Map App for iPhone and iPad –
MapsWithMe, which uses the same OSM maps, which I wholeheartedly
recommend, at least for the UK, it one very few apps that shows
footpaths/public rights of way.
This uses the Leaflet.js library for a very mobile-friendly street map with multiple marker support. Draw an HTML box on the page, apply the Leaflet Action to it, set the center location and zoom of the map. Draw one or more Leaflet Marker Action elements on the page, set each to the desired location and enter any desired marker text.
It’s a lovely and refreshing change from the ubiquitous Google map.
I’m also quite pleased with how the location-finder works, since the OSM people have a nice API for their geolocation tool, and there don’t seem to be the same hangups around needing account keys or such. I’ll write a little more about that on the ActionsDev list.
This uses the Leaflet.js library for a very mobile-friendly street map with multiple marker support. Draw an HTML box on the page, apply the Leaflet Action to it, set the center location and zoom of the map. Draw one or more Leaflet Marker Action elements on the page, set each to the desired location and enter any desired marker text.
It’s a lovely and refreshing change from the ubiquitous Google map.
I’m also quite pleased with how the location-finder works, since the OSM people have a nice API for their geolocation tool, and there don’t seem to be the same hangups around needing account keys or such. I’ll write a little more about that on the ActionsDev list.
Hi - I am just starting to make use of this on a site. All fine except I am getting tiny tiny unreadable, 1px?, text in the map marker. I know this happened to me before with another element but for the life of me can notremember how to get around the problem. Can anyone one remind me?
What version of Freeway, and where are you making the marker elements? Are you drawing them over the top of the map element (such that they become nested children of the map) or are you drawing them on the pasteboard or elsewhere on the page? I’ve only tested the latter.
Walter
On Apr 25, 2014, at 9:58 AM, Richard Lowther wrote:
Hi - I am just starting to make use of this on a site. All fine except I am getting tiny tiny unreadable, 1px?, text in the map marker. I know this happened to me before with another element but for the life of me can notremember how to get around the problem. Can anyone one remind me?
Your page is missing the prototype.js library (needed by the lightbox.js script added by WebYep). That’s throwing a JavaScript error, although it shouldn’t cause any issues with Leaflet (which is library-agnostic).
I have just tested this some more, and I’m not able to get the font-size error you are seeing in my test document, not when the HTML box to which the Leaflet Action is applied is drawn on the page, nor if it is inline within another drawn element, nor even if it is inline in the PageDiv itself. I am using the exact same version of Freeway as you are.
Try this on a new blank page, and see if you can repeat the issue.
Walter
On Apr 25, 2014, at 10:30 AM, Walter Lee Davis wrote:
I agree, but that’s odd. I didn’t see this error when I was testing the Action here. What HTML (Output) level is your page set to?
Walter
On Apr 25, 2014, at 10:24 AM, Thomas Kimmich wrote:
It might be that Freeway treats the #MAPTROUVILLE as empty box (perhaps) and adds therefor a font-size: 1px to this?
Hi - I tried to add empty box action to the marker action but Freeway would not let me. I then inserted the marker action into a HTML box with the empty box action inserted into that. Same size text though - seen locally using MAMP
The Outpt is HTML5 - which I was unaware of to be honest as I began this site using Joe Bs most recent template as I was curious to work with a full page width header. I will change it to see what happens.
OK Latest version uses HTML 4 Transitional Also tried XHTML Trans but no change. This page, and the whole site, is php using Webyep. Could this have a influence?
You would want to apply the Empty Box Action to the map, not the marker element. The marker element is an Action-item, and you can’t apply Actions to Actions.
Walter
On Apr 25, 2014, at 10:41 AM, Richard Lowther wrote:
Hi - I tried to add empty box action to the marker action but Freeway would not let me. I then inserted the marker action into a HTML box with the empty box action inserted into that. Same size text though - seen locally using MAMP
The Outpt is HTML5 - which I was unaware of to be honest as I began this site using Joe Bs most recent template as I was curious to work with a full page width header. I will change it to see what happens.
Messages crossed in sending. Just seen your latest advice Walter and I will see what happens on a new page with nothing else on. Will look to that missing protaculous too !
A new page with no Webyep, php. Just a leaflet and a marker action. I added protaculous 2 to the page but no go either.
Looking back at Thomas’ observation about empty boxes I tried adding that to the marker action but of course he was thinking of the leaflet item on the page. I will see if I can get an empty box action into the empty box. Sounds easy but knowing me …
A new page with no Webyep, php. Just a leaflet and a marker action. I added protaculous 2 to the page but no go either.
Looking back at Thomas’ observation about empty boxes I tried adding that to the marker action but of course he was thinking of the leaflet item on the page. I will see if I can get an empty box action into the empty box. Sounds easy but knowing me …