?
Solved

Google Maps not displaying map

Posted on 2012-04-05
5
Medium Priority
?
279 Views
Last Modified: 2012-04-06
Hello Experts!

I have a page that should be displaying a google map:

http://gorgeous-villas.com/search-results.asp?lng=7.00241&lat=43.64701&location=Valbonne

I copied the code from another page I was using for development, where the code works, but when I drop the code into this page, the map doesn't show...  I have made sure that the script code is in he header etc., so don't think there should be anything wrong, but there is...!

HELP greatly appreciated - thank you!
0
Comment
Question by:Nico2011
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 12

Expert Comment

by:Anuradha Goli
ID: 37812420
Search valbonne in google maps
copy the iframe code to use in your website .
please find the attached image for reference.
Capture.PNG
0
 

Author Comment

by:Nico2011
ID: 37812533
Thanks, but the site is an active SQL DB driven site - this is simply a static example of the results from a search.

Here is the page that works, using a larger map, the same search etc.

http://gorgeous-villas.com/results.asp?lng=7.00241&lat=43.64701&location=Valbonne
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 1000 total points
ID: 37814969
replace :
<div id="map_canvas"></div>

Open in new window

by :
<div id="map_canvas" style="height:120px"></div>

Open in new window


because currently the height of your div is 0px so you can't see the map
Clipboard02.jpg
0
 
LVL 12

Assisted Solution

by:Anuradha Goli
Anuradha Goli earned 1000 total points
ID: 37815290
<div id="map_canvas" style="HEIGHT:150PX;position: relative; background-color: rgb(229, 227, 223); overflow-x: hidden; overflow-y: hidden; ">

TRY HEIGHT IN DIV MAP
0
 

Author Closing Comment

by:Nico2011
ID: 37815353
Thank you both - yo were both correct - I didn't have the 'px' after the size!
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

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

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

752 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