Google Maps

ahuppert
13 years, 7 months ago

I also use YOOMaps and was able to get it to work. Here is a quick explanation:

I'm assuming you are using {loadposition yoomaps} for your article call for the map you want displayed.
Goto Module Manager and make a copy of you yoomap module
Edit the module copy and call it YOOMap Mobile
Change the position from yoomaps to myoomaps
Change the dimensions of the YOOMap from what you have for DESKTOPS to a width of about 180 for MOBILE devices
Enable the module
Save the new module

Goto the article manage and make a copy of the article that you call the map from. Edit the copy and make the name the same as the original article, but change the loadposition from yoomaps to myoomaps.
Save the new article
Goto Menus>mobilemenu (or whatever you named your mobile menu)
Edit the menu item that calls the article containing the map
change it from the DESKTOP article to the new mobile article you created (above).
Save the menuitem.

Check it on your phone.

This will work, but you will then have the change the menus for imode, pda, and wap as well.

ebulot77
13 years, 2 months ago

Hello everyone,

I'had the same probleme you have and i solved it with a modification of the css style of the "div" that contain the map.
I had a height and a width to the style of the "div" and the googlemapAPI 2.2 is visible.
For me, the problem was that the "template.css" of the web version had :
#map {
height: 350px;
width: 440px;
}
and in the iphone template, this information was missing.

I hope that information will help you

For information, this solution work with the iphone template but doesn't work with the xhtml(smartphone) template.

Cherewest
13 years, 2 months ago

I am struggling with this as well.

Joomla 1.6
Googlemaps plugin from here:
tech.reumer.net/
Using Maps API V3

The maps display fine in the iPhone. But not on any android device I have tried.

Is anyone else still experiencing this issue?
I am not a developer for any of these devices so I am stuck. I can see the code is very much similar to the web version except for the doc types and a few div names.

Is there a particular Doc type that should be used for these phones/devices?

Any ideas at all?

Thanks
Chere

Cherewest
13 years, 2 months ago

I figured this out. In the Google Maps Plugin I had it set to use the Mootools effect when opening the map. When I set it to timed interval the maps showed up.

I have no end of troubles with the mootools libraries.

I believe this is Mootools version 1.2. 1.4 is available but it breaks a number of other plugins even in compatibility mode.

Chere

mizu
13 years, 2 months ago

I was successful by modifying:

mobile_pda/resources/scripts/template.js
Line 320 - uncomment this:

function addEvent(_event, _function)
{    var _current_event = window[_event];
    if(typeof window[_event] != 'function')
    {
        window[_event] = _function;
    }
    else
    {
        window[_event] = function()
        {
            _current_event();
            _function();
        }
    }
}

I'm not sure what this function is supposed to do. However, after having uncommented it, the google map appears.

skibikekite
13 years, 1 month ago

mizu wrote:

I was successful by modifying:

mobile_pda/resources/scripts/template.js
Line 320 - uncomment this:

function addEvent(_event, _function)
{    var _current_event = window[_event];
    if(typeof window[_event] != 'function')
    {
        window[_event] = _function;
    }
    else
    {
        window[_event] = function()
        {
            _current_event();
            _function();
        }
    }
}

I'm not sure what this function is supposed to do. However, after having uncommented it, the google map appears.

I sure wish I knew what you were talking about. I have the newest version, so maybe this is the issue. Regardless, I do not have that piece of code in that template.js. I was hoping that this was going to be my easy solution. Thoughts?

Cheers, ta

skibikekite
13 years, 1 month ago

With the failure of editing the template.js code, I was inspired to try a few different things. I realized that most people here are using the Google Maps plugin. I have been putting the Google Maps API code into a blank module. I thought that this was possibly the source of my problems. I downloaded, installed, configured, and ran the plugin. I get the same map on the desktop and the still nothing on my Android. I have altered all tag, script, etc settings. Nothing is working. Does this additional informatino help anyone to help me?

dryabov
13 years, 1 month ago

What is URL of your page with google map?

skibikekite
13 years, 1 month ago

Freeridestash.com

dryabov
13 years, 1 month ago

skibikekite wrote:

I have been putting the Google Maps API code into a blank module. [cut] I get the same map on the desktop and the still nothing on my Android.

Did you publish this module in a mobile template position?

1 2 3

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.
I accept cookies from this site. Agree