DMXzone Google Maps Support Product Page

This topic is locked
This topic was archived by Teodor Kuduschiev on 8/20/2014 4:41:01 PM
Solved

only part of map showing in browsers

Reported 31 May 2012 02:16:29
5
have this problem
31 May 2012 02:16:29 Pam Williamson posted:
Have just added the DMXzone google map to jquery mobile website. Testing before uploading and it only shows part of the map screen (top left hand corner) until I refresh the page. Have gone backwards and forwards and tested in various browers (chrome,firefox,safari,IE8) and doing the same thing in all. Even does this if I go out of site and straight back again. Am hesitating to upload if this will happen in real life. Can you explain what is going on? Also is it possible to place the links to the two scripts at the end of the page please, rather than at the top where it seems to put itself.
Many thanks
Pam

Replies

Replied 31 May 2012 06:44:57
31 May 2012 06:44:57 Teodor Kuduschiev replied:
Hello Pam,

Please upload your page to a testing live server where we can check the issue.
Replied 31 May 2012 08:24:12
31 May 2012 08:24:12 Pam Williamson replied:
OK Teodor, have uploaded the site in question to...
map.pamwilliamson.com.au

The map it is on is the "contact us" page.

jquery in any shape or form is not my area of expertise.

Many thanks
Pam
Replied 31 May 2012 08:40:51
31 May 2012 08:40:51 Teodor Kuduschiev replied:
Hello,

Can you please try the following - Open your Dreamweaver and load your page inside, then click your body tag:


Go to Tag Inspector> Behaviors> Add new > DMXzone > Control DMXzone Google maps > Redraw map instantly and click OK.

Then when your page loads your map will refresh instantly and the issue should be gone.
Replied 31 May 2012 09:15:09
31 May 2012 09:15:09 Pam Williamson replied:
Hello,
I seem to be having a problem sending messages to you.. Not my day at all.

Have uploaded again and still the problem exists.

Sorry if you are getting this message more than once..
Pam
Replied 31 May 2012 11:54:41
31 May 2012 11:54:41 Teodor Kuduschiev replied:
Hi Pam,

When i load your page now - it all seems to be okay.
Replied 31 May 2012 13:29:28
31 May 2012 13:29:28 Pam Williamson replied:
OK for third time I am trying to answer your email.

I have rebooted computer, emptied cache and history from all browsers and still the problem persists. Chrome, firefox12, ie8 and safari all say the thing does not work and I can only see the top left hand side of the map.

As I'm sure I am not the only person to have ever had this problem I await your next "fix" as at the moment I cannot use this on my site as planned. While waiting to hear from you, looked around the net a little and found that there appears to be some sort of problem with jquery and google maps. As jquery is not my area of expertise I am at a loss to understand what they are all saying apart from they are having similar problems. As I read I thought that maybe that your programme has a solution.

I await some marvelous fix for this.

cheers
Pam
Replied 08 Jun 2012 13:09:06
08 Jun 2012 13:09:06 Pam Williamson replied:
Teodor, I have been giving this a rest, and decided to start again from the beginning in the hope that I have done something wrong that I've missed along the way. So what I did was remove the DMXZone google map extension and then not even look at it for over a week.. Now I've come back fresh to start again. Have reinstated DMXZone Google Map filled out all the appropriate bits and added the onload script as per your instructions but still the map will only display in full AFTER it has been refreshed. The script for the onload of body says...<body onLoad="dmxGoogleMapsAction('map1','addMarker',{&quot;address&quot;: &quot;&lt;enter address&gt;&quot;})">
Could it be that this script is not correct?

I removed the original site you were looking at when I removed the extension. I am now using a completely new jquery mobile website without any content apart from this map. It links to the following files...
<link href="code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
I am at a loss as to why this does not work. Do you want me to upload this test site again for you to look at?

Cheers
Pam
Replied 19 Jun 2012 09:19:25
19 Jun 2012 09:19:25 Teodor Kuduschiev replied:
Hello Pam,

After some tests and research i found a solution for google maps usage with jquery mobile.

What i did was to select the div container of the page that holds the google maps - in my case this is page 2:

<div id="page2" data-role="page">


And added the redraw map behavior onFocus to this div.
Replied 19 Jun 2012 10:30:15
19 Jun 2012 10:30:15 Pam Williamson replied:
Thank you for your reply Teodor,

I am pleased that you think the problem has been solved. Can you give me the "exact" instructions as to what I must type (and where) to add onFocus to this div. As said previously I'm a jquery dummy.It would be great if the solution is what appears to be rather a simple one

cheers
Pam
Replied 20 Jun 2012 06:28:31
20 Jun 2012 06:28:31 Teodor Kuduschiev replied:
Hello Pam,

All you need to is the following:
  1. Click on the div container that holds your map e.g.: <div id="page2" data-role="page">
  2. Go to Tag Inspector> Behaviors> Add new > DMXzone > Control DMXzone Google maps > Redraw map instantly and click OK.
  3. Select onFocus under the Tag Inspector > Behaviors
Replied 20 Jun 2012 07:34:54
20 Jun 2012 07:34:54 Pam Williamson replied:
Yah it works! Many thanks Teodor.

Seems like we did the right thing to the wrong spot the last time, and yes... it was a simple answer.

Sorry to cause you extra thinking time but as said I'm a dummy when it comes to this sort of thing, but then again you are in business because people like me are the ones buying your programmes.

Again thanks

Pam
Replied 29 Oct 2012 02:00:12
29 Oct 2012 02:00:12 Carlos Zaragoza replied:
I have this problem I followed the instuction on this topic but it did not solved the problem.
The link to the page I have this installed is the following:

www.imperialvillaproperties.com/royalvillage.html

Go to the tab named "How to find us"

Thanks in advance for your help,

Carlos Zaragoza
Replied 09 Feb 2014 21:59:06
09 Feb 2014 21:59:06 Ryan Pratt replied:
i have the map in a div that is hidden, when i make the div visable the map is only drawn in top right corner. I have added the dmx redraw and still no diffrence. Any other ideas?
This reply was removed on 8/18/2014 3:21:36 PM.
See the changelog
This reply was removed on 8/18/2014 9:51:51 PM.
See the changelog

Reply to this topic