CODEWITHSUNDEEP
javascriptgoogle-mapsbloggergoogle-fusion-tables
Daniel Montenegro
Daniel Montenegro

Reputation: 1559

FT Map not working in Blogger

I posted a FT Map in my blog. To make that I used the code from:

http://fusion-tables-api-samples.googlecode.com/svn/trunk/FusionTablesLayerWizard/src/embed_google_site.html

But unfortunelly, the GMaps' map-canvas disapeared and only the FT layers are shown. Here is the link:

http://geografiaesegurancapublica.blogspot.com.br/

Is it possible to fix this problem somehow? It would be amazing to have FT maps in Blogger!

By the way, I don't want to use an Iframe...

Upvotes: 0

Views: 98

Answers (2)

Chris Keller
Chris Keller

Reputation: 345

Walked through some of this with Daniel tonight... Using a method similar to this solution in Wordpress seemed to have worked.

Specifically, the background-color setting causes the overlaid Fusion Tables layers to be drawn with an opaque background, which then hides the underlying map. You need to define a new class in your style sheet (let's call it "map") that draws images with a transparent background...

So adding a map img class...

<style>
.map img {background-color: transparent;}
#map-canvas { width:400px; height:450px; }
</style>

...And then wrapping the maps script and map_canvas div in that class seemed to have done the trick. Any advice on another method is appreciated...

Chris K.

Upvotes: 1

Rebecca Shapley
Rebecca Shapley

Reputation: 116

Perhaps this forum answer focused on javascript within a specific post can help: http://forums.digitalpoint.com/showthread.php?t=853681#post7916209

-Rebecca

Upvotes: 1

Related Questions