Member Avatar for davy_yg

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?

  • 2 Contributors
  • 5 Replies
  • 179 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by pritaeas
Member Avatar for pritaeas

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.

Edited by pritaeas
Member Avatar for pritaeas

Register your own key.

Member Avatar for davy_yg

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".

Member Avatar for pritaeas

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.