<!--http://gmap.nurtext.de/examples.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>gMap - Google Maps Plugin For jQuery | Examples</title>
<link rel="stylesheet" type="text/css" href="css/nurtext.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAA6cQIrMEc9zlaKBjWiPM5rxSjlBXfTSDcGsB79vzL90uiOHMpbBRa1FFoX2YfuQNFvFKxQtpz0ZCeuw&hl=en"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.gmap-1.1.0-min.js"></script>
<script type="text/javascript">
$(function()
{
$("#map4").gMap({ markers:[
{ latitude: 47.651968,longitude: 9.478485,
html: "First Link" ,
icon: { image: "images/gmap_pin_orange.png",
iconsize: [26, 46],
iconanchor: [12,46],
infowindowanchor: [12, 0] }},
{ latitude: 47.58969,longitude: 9.473413,
address: "Tettnang, Germany",
html: "Second Link",
icon: { image: "images/gmap_pin_grey.png",
iconsize: [26, 46],
iconanchor: [12,46],
infowindowanchor: [12, 0] }},
{ latitude: 47.670553,longitude: 9.588479,
address: "Langenargen, Germany",
html: "Third Link,_address" ,
icon: { image: "images/gmap_pin_orange.png",
iconsize: [26, 46],
iconanchor: [12,46],
infowindowanchor: [12, 0] }}
],
address: "Braitenrain, Germany",
zoom: 10 });
});
</script>
</head>
<body id="top">
<div id="center">
<div id="content">
<div id="map4" style="width: 660px; height: 500px; border: 1px solid #777; overflow: hidden;"></div>
</div>
</div>
<div id="links" align="center">
<ul id="gmaplinks">
<li id="gmaplink_1"><div><a href="#">First Link</a></div></li>
<li id="gmaplink_2"><div><a href="#">Second Link</a></div></li>
<li id="gmaplink_3"><div><a href="#">Third Link</a></div></li>
</ul>
</div>
</body>
</html>
|