Map pop-up

[gavinoff]

I created a page that maps specific locations. But when you click "map it" and the pop-up box appears, the box is not big enough and some of the information meant for the pop-up box bleeds onto the map. Is there an easy solution? Thanks.

[MayMusic]

[@field:Description]

is the part of the code that controls the data in the map. You can also make the whole map bigger in these two lines:

500

500

If it did not help and if it is ok for you, provide the URL of the map to see if there is any workaround. :wink:

[gavinoff]

Thanks for the suggestion. I still couldn't get the info box to match the size of the info. Here's the URL if it helps.

http://www.charlotteobserver.com/2011/0 ... north.html

Type in "auto" under station name and then click "map it" for any record. You'll see the words run onto the map. Thanks again.

(Also, I'm a data guy. I have no programming experience. If the answer involves programming, I'll hand it off to the web folks.)

[ShWolf]

Hi, gavinoff

It seems that everything is OK on the page.

Can you please post your map mashup settings from the HTML block? Maybe that's where the problem is.

[gavinoff]

ShWolf. Here's the HTML block for the map. Thanks for any suggestions.

Map it

G

1000

1000

3

Y

6

[@field:Address], [@field:City], [@field:State] [@field:Zip]

Station: [@field:station_name]

Address: [@field:address]

City: [@field:city]

Zip: [@field:zip]

Pass Rate: [@field:pass_rate]

600 S Tryon St, Charlotte, NC 28202

[MayMusic]

You are not closing div tag in here:

Station: [@field:station_name]

Address: [@field:address]

City: [@field:city]

Zip: [@field:zip]

Pass Rate: [@field:pass_rate]

600 S Tryon St, Charlotte, NC 28202

I think that is what causing the issue. :wink: :wink: :wink:

[gavinoff]

Thanks MayMusic but still no luck. Hopefully some of the web guys here have a fix.

[bahar_vm]

Hey,

I view the source of the web page and find that you have not deployed the DataPage and the map code in the right order. You should have the DataPage deploy code first and then the map deploy code. This should fix the issues.

This is also instructed in the map mashup instruction document section 2.Web Page Setup at http://howto.caspio.com/extensions/maps ... tions.html.

Best,

Bahar M.

[NailDyanC]

Hi,  just to update this post. Here's the updated Map Mashup Documentation that Caspio has: https://howto.caspio.com/integration/map-mashup/ 

 

[SinJunYoung]

Hi, also just to inform you, Google now restricts the rate which non-geocoded addresses can be plotted on a map (approximately 10 addresses per second). And, Google API key needs to have a billing enabled (though you will not be charged) to fully access the Geocoding API that you will place in the map. You also need to enable this two:

1. Geocoding API 

2. Maps Javascript API

 

Hope this helps.