[Pro] Google Maps Marker 2.1 in FW6

Freeway
1

I am unable to choose the font, color and even boldness of map marker text in FW6.1 using Google Maps Marker 2.1.2. I was able to do this in FW5.6.5 with the older Google Maps Marker Action. Have a look…

FW5.6.5 generated Map page:
http://www.kiramek.com/english/map.html

FW6.1 generated Map page:
http://visionsecurity.jp/en/map.html

Yes, within Freeway on both pages I have my font and boldness selected inside the HTML box, to which I have the Google Maps Marker action applied. The old version action works when it comes to showing my font and boldness and color, but the new version action does not.

Is there something else that I need to do to get my chosen font and color and boldness to display in FW6.1?

Thanks,

James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Hi James

It is true that something has changed with Freeway 6, but this is entirely due to FW6 using the latest Google API (the older ones are now obsolete so the clock is ticking in terms of how long they will be supported).

For some reason Google has made the new API impose its own styling on marker text which over-rides any custom styling set to HTML text (presumably to keep a standard look to all Google Maps).

Strangely, the API doesn’t overwrite the color (as you can see in my test page at http://users.softpress.com/keith/markertest/)

For this marker item I used 24px bold text in blue for “Softpress Systems” and the API has overwritten all the styling other than the color.

We are currently looking into what can be done to get custom styling back for Google Map Markers without having to resort to using graphic text inside the HTML marker item which has the Google Maps Marker Action applied to it (which is something we do not recommend using).

Regards

Keith Rigley

Support Technician

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

I see. Well then perhaps you could come to my aid on a separate but related matter, Keith…

Yesterday I had a look at your blog entry here:

http://blog.softpress.com/2013/08/two-updates-for-the-price-of-none/#more-276

I made minor tweaks to your code that yields this:

draggable:false, scrollwheel:false, styles: [ { stylers: [ { visibility: "simplified" }, { weight: "0.5" }, { gamma: "0.3" }, { hue: "#3490ff" } ] }, { elementType: "labels", stylers: [ { visibility: "on" } ] }, { featureType: "water", stylers: [ { color: "#3490ff" } ] } ]

That code transforms my map into this on Preview (which I am happy with):

852×601 67.6 KB

The problem is that the Satellite view stinks when it comes to displaying text. The text won’t invert to white. It stays black. That makes it impossible to see in many cases, as you can see here:
852×601 153 KB

How do I tweak my code to get the Satellite view text labels to nicely invert?

(Sorry for bothering you about this, but since the extensive KnowledgeBase article promised in your blog hasn’t been made available yet, I am at a loss as to what to do.)

Thanks,

James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Hi James,

It’s only possible to change the styling for all default maps, not individual maps. The only solutions I can think of right now would be to change the text color to something that would be visible in both (you can change both the fill and stroke colors), or to remove the satellite option altogether.

Here’s an example of white label text with a grey stroke (generated here: http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html):

{
"elementType": "labels.text.stroke",
    "stylers": [
      { "color": "#ffffff" },
      { "visibility": "off" }
    ]
  },{
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#ffffff" }
    ]
  },{
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "on" },
      { "color": "#808080" },
      { "weight": 1.5 }
    ]
  }

Joe

On 22 Aug 2013, at 02:22, JDW email@hidden wrote:

I see. Well then perhaps you could come to my aid on a separate but related matter, Keith…

Yesterday I had a look at your blog entry here:

http://blog.softpress.com/2013/08/two-updates-for-the-price-of-none/#more-276

I made minor tweaks to your code that yields this:

draggable:false, scrollwheel:false, styles: [ { stylers: [ { visibility: "simplified" }, { weight: "0.5" }, { gamma: "0.3" }, { hue: "#3490ff" } ] }, { elementType: "labels", stylers: [ { visibility: "on" } ] }, { featureType: "water", stylers: [ { color: "#3490ff" } ] } ]

That code transforms my map into this on Preview (which I am happy with):
http://kiramek.com/21test95/GoogleMapNorm.png

The problem is that the Satellite view stinks when it comes to displaying text. The text won’t invert to white. It stays black. That makes it impossible to see in many cases, as you can see here:
http://kiramek.com/21test95/GoogleMapSat.jpg

How do I tweak my code to get the Satellite view text labels to nicely invert?

(Sorry for bothering you about this, but since the extensive KnowledgeBase article promised in your blog hasn’t been made available yet, I am at a loss as to what to do.)

Thanks,

James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thank you, Joe. Although I wasn’t able to get your code to work for some reason, after tweaking it throughly I was able to find the text Label solution I wanted. You can see that here:

http://www.visionsecurity.jp/en/map.html

And the entire block of code I use in the Extended Options button of the Google Maps action is this:

draggable:false, scrollwheel:false, styles: 
[ 
{ stylers: [ { visibility: "simplified" }, { weight: "0.5" }, { gamma: "0.2" }, { hue: "#90969C" } ] }, 
{
    elementType: "labels.text.stroke",
    stylers: [
      { visibility: "on" },
      { color: "#ffffff" },
      { weight: 3 }
    ]
  },
{
    elementType: "labels.text.fill",
    stylers: [
      { visibility: "on" },
      { color: "#34393F" }
    ]
  },
{ featureType: "water", stylers: [ { color: "#3490ff" } ] } 
]

Thanks again!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Looks great!

Joe

On 23 Aug 2013, at 02:46, JDW email@hidden wrote:

Thank you, Joe. Although I wasn’t able to get your code to work for some reason, after tweaking it throughly I was able to find the text Label solution I wanted. You can see that here:

http://www.visionsecurity.jp/en/map.html

And the entire block of code I use in the Extended Options button of the Google Maps action is this:

draggable:false, scrollwheel:false, styles: 
[ 
{ stylers: [ { visibility: "simplified" }, { weight: "0.5" }, { gamma: "0.2" }, { hue: "#90969C" } ] }, 
{
   elementType: "labels.text.stroke",
   stylers: [
     { visibility: "on" },
     { color: "#ffffff" },
     { weight: 3 }
   ]
 },
{
   elementType: "labels.text.fill",
   stylers: [
     { visibility: "on" },
     { color: "#34393F" }
   ]
 },
{ featureType: "water", stylers: [ { color: "#3490ff" } ] } 
]

Thanks again!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options