Hello,

This is my website: website

I would like to include google map

I have been trying to replace the static map with another type of map just like map #3

Well, the one that I have been working on is still offline. This is the only code that I have added:

<head>
<script src="js/jquery.gmap-1.1.0-min" type="text/javascript">
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<script type ="text/javascript">
$("#map3").gMap({ markers: [{ latitude: 47.660937,
                              longitude: 9.569803,
                              html: "Tettnang, Germany",
                              popup: true }],
                  zoom: 6 });
</script>
</head>





<div id=map3>map</div>

I wonder why I still haven't seen the map in the google map link yet?

Recommended Answers

All 5 Replies

Probably because .js is missing from line 2, and you have not included the google map javascript (with your API key). View the source from that demo page, and include the missing stuff.

I just get Google Map API3 key.

<head>
<title>Rustoleum</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="js/jquery.gmap-1.1.0-min.js" type="text/javascript">
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=AIzaSyDzQ_b0BJziUDWXpyvzQP9gLOlHecqBa7E" type="text/javascript">
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<script type ="text/javascript">
$("#map3").gMap({ markers: [{ latitude: 47.660937,
                              longitude: 9.569803,
                              html: "Tettnang, Germany",
                              popup: true }],
                  zoom: 6 });
</script>
</head>

<div id="map3">map</div>

and replace it with my own API key. still nothing appears.

only a word: "map".

Your HTML is invalid, and not all scripts are included, as I've said earlier.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.