|
|
(8 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | Here is an example of a Map:
| |
- | [[Image:Wild 2548.jpg]]
| |
| | | |
- | <!-- ++Begin Map Search Control Wizard Generated Code++ -->
| |
- | <!--
| |
- | // Created with a Google AJAX Search Wizard
| |
- | // http://code.google.com/apis/ajaxsearch/wizards.html
| |
- | -->
| |
- |
| |
- | <!--
| |
- | // The Following div element will end up holding the map search control.
| |
- | // You can place this anywhere on your page
| |
- | -->
| |
- | <div id="mapsearch">
| |
- | <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
| |
- | </div>
| |
- |
| |
- | <!-- Maps Api, Ajax Search Api and Stylesheet
| |
- | // Note: If you are already using the Maps API then do not include it again
| |
- | // If you are already using the AJAX Search API, then do not include it
| |
- | // or its stylesheet again
| |
- | //
| |
- | // The Key Embedded in the following script tags is designed to work with
| |
- | // the following site:
| |
- | // http://editthis.info/step_2007_wiki
| |
- | -->
| |
- | <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAqFQAnznROFDNcSHZYLvbQBRXVOiDp7YC66ybiYiko0Pp-Qks1RQoFNJHA-FsGSSlkeIm1Qc0dzLLVQ"
| |
- | type="text/javascript"></script>
| |
- | <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ABQIAAAAqFQAnznROFDNcSHZYLvbQBRXVOiDp7YC66ybiYiko0Pp-Qks1RQoFNJHA-FsGSSlkeIm1Qc0dzLLVQ"
| |
- | type="text/javascript"></script>
| |
- | <style type="text/css">
| |
- | @import url("http://www.google.com/uds/css/gsearch.css");
| |
- | </style>
| |
- |
| |
- | <!-- Map Search Control and Stylesheet -->
| |
- | <script type="text/javascript">
| |
- | window._uds_msw_donotrepair = true;
| |
- | </script>
| |
- | <script src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js?mode=new"
| |
- | type="text/javascript"></script>
| |
- | <style type="text/css">
| |
- | @import url("http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css");
| |
- | </style>
| |
- |
| |
- | <style type="text/css">
| |
- | .gsmsc-mapDiv {
| |
- | height : 275px;
| |
- | }
| |
- |
| |
- | .gsmsc-idleMapDiv {
| |
- | height : 275px;
| |
- | }
| |
- |
| |
- | #mapsearch {
| |
- | width : 365px;
| |
- | margin: 10px;
| |
- | padding: 4px;
| |
- | }
| |
- | </style>
| |
- | <script type="text/javascript">
| |
- | function LoadMapSearchControl() {
| |
- |
| |
- | var options = {
| |
- | zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL,
| |
- | title : "Akasofu and Elvey buildings",
| |
- | url : "http://maps.google.com/maps?ie=UTF8&amp;ll=64.859386,-147.849348&amp;spn=0.005652,0.010568&amp;t=k&amp;z=17&amp;om=1",
| |
- | idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM,
| |
- | activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM
| |
- | }
| |
- |
| |
- | new GSmapSearchControl(
| |
- | document.getElementById("mapsearch"),
| |
- | "Koyukuk Drive, Fairbanks, Alaska",
| |
- | options
| |
- | );
| |
- |
| |
- | }
| |
- | // arrange for this function to be called during body.onload
| |
- | // event processing
| |
- | GSearch.setOnLoadCallback(LoadMapSearchControl);
| |
- | </script>
| |
- | <!-- ++End Map Search Control Wizard Generated Code++ -->
| |