|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>GSmapSearchControl Sample</title>
<!-- Note:
Make sure to replace the &key=internal with &key=YOUR-KEY
in both the maps API script load and in the Ajax Search API script load statements
-->
<!-- maps api, ajax search api, map search solution code -->
<script src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js"
type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAewcAbkXX9MXIEZQGltN0wRRYhg48dWcyP_AMdpbDYWkjrG1zyBSVhwhhqnEozQ8BZck0WmzZqRtqFA"
type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAewcAbkXX9MXIEZQGltN0wRRYhg48dWcyP_AMdpbDYWkjrG1zyBSVhwhhqnEozQ8BZck0WmzZqRtqFA"
type="text/javascript"></script>
<!-- ajax search stylesheet, map search stylesheet -->
<link href="http://www.google.com/uds/css/gsearch.css" rel="stylesheet"
type="text/css"/>
<link href="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css"
rel="stylesheet" type="text/css"/>
<style type="text/css">
body, table, p{
background-color: white;
font-family: Arial, sans-serif;
font-size: 13px;
}
#mapsearch .gsmsc-idleMapDiv { height : 300px; }
#mapsearch .gsmsc-mapDiv { height : 300px; }
#mapsearch {
width : 100%;
margin-left: 0px;
padding: 0px;
border : 0px solid #f9f9f9;
}
</style>
<script type="text/javascript">
function OnLoad() {
var options = {
title : "北京",
url : "http://www.google.com/corporate/index.html",
idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM-5,
mapTypeControl : GSmapSearchControl.MAP_TYPE_ENABLE_ALL,
activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM-5,
selectedIcon : G_DEFAULT_ICON,
unselectedIcon : G_DEFAULT_ICON
}
new GSmapSearchControl(
document.getElementById("mapsearch"),
"beijing",
options
);
}
</script>
</head>
<body onload="OnLoad()">
<div id="mapsearch">Loading...</div>
</body>
</html>
|
