Solved

Google Map Not Showing

Posted on 2014-01-02
6
230 Views
Last Modified: 2014-01-02
Hello,

I have a page that I believe should be displaying a Google map but isn't.  I believe the XML data is in place, but I've obviously done something wrong...!

Please take a look at www.villasdirect.com/top-destinations.asp

Thanks in advance!
0
Comment
Question by:Nico2011
  • 3
  • 3
6 Comments
 
LVL 52

Expert Comment

by:Carl Tawn
ID: 39751160
Well, according to my javascript console, your XML file is invalid. Having a closer look at the XML, it appears to be all of the " " values in there that are causing the issue.

How are you generating the XML?
0
 

Author Comment

by:Nico2011
ID: 39751204
Hi Carl,

Thanks for your help - not quite there yet though.

I have cleaned up the XML - the  's were there as the town attribute was empty, so I did that intentionally, but now I have removed anything not necessary (including town), but it still doesn't quite click...

Best wishes/Nico
0
 
LVL 52

Expert Comment

by:Carl Tawn
ID: 39751222
It appears you also have an encoding issue. You don't have an XML declaration in your document so it is using the default UTF-8 character set - and some of you data must be using something not included in the set.

Try adding this to the start of you XML:

<?xml version="1.0" encoding="iso-8859-1"?>

Open in new window

0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

Author Comment

by:Nico2011
ID: 39751348
nope - didn't do it either...

I have now tried to minimise all the other data on the page so we can get to the root of the issue.  

This simplified page can be seen here: http://www.villasdirect.com/deps/country-map.asp?country=greece

I'm sure I've done something stupid though...
0
 
LVL 52

Accepted Solution

by:
Carl Tawn earned 500 total points
ID: 39751380
OK. Couple more points (i've got this working with your code so it should be good):

1) You are using JQuery syntax in a couple of places, but don't have a reference to the API. So, you need to add the following into the head section of the page:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Open in new window

That's the CDN version, you can download it and reference it locally if you prefer.

2) There are a couple of lines that are causing a javascript error. Namely:
document.getElementById("autolng").value = autolng;
document.getElementById("autolat").value = autolat;

Open in new window

Elements called "autolng" and "autolat" don't appear to exist (or not in your cutdown version at least).

Finally, you have a reference to the Maps API in your page twice - this won't break anything, but you should remove one of them.
0
 

Author Closing Comment

by:Nico2011
ID: 39751407
Thanks so much Carl - it was the autolng/autolat causing a javascript error that stopped it working...!
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Detect file exist or not 3 155
XML to SQL Table using c# 5 64
Online tools to transform xml to excel using xsl 1 41
Fulfillment API php code sample 1 38
I recently decide that I needed a way to make my pages scream on the net.   While searching around how I can accomplish this I stumbled across a great article that stated "minimize the server requests." I got to thinking, hey, I use more than one…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question