Re: Local Search on Maps -- Default Text & Auto Search Function?

Tue, 12 May 2009 11:46:17 -0700 

Hi Jeremy.

Well, I took your advice and got this to the same state as the other.
But, when I go to implement the ideas you had above with the lsc, it
errors our lsc.execute is not a function and lsc.searchForm is
undefined.  Here is the JS for the entire page - just drop it in to an
HTM file.  Uncomment the lsc2 lines and you will see what I mean!

Any other help would be awesome - getting close!

dennis

<!--
  copyright (c) 2009 Google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!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";>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/
>
    <title>Google AJAX Search API Sample</title>
    <style type="text/css" media="screen">
      body {
        font-family : arial, sans-serif;
      }
      #spacer { width : 10px; }
      #mapWrapperCanvas {
        width : 100%;
        height : 380px;
      }
      #mapCanvas {
        border : 1px solid #979797;
        height : 380px;
        width : 100%;
      }
      #resultsCanvas {
        position : relative;
        top : 15px;
        left : 0px;
        height : 348px;
        width : 280px;
      }
      #mapSearch {
        position: relative;
        top : 0px;
        left : 0px;
      }
      .mapcanvastable td {
        padding : 0px;
      }
      .mapcanvastable {
        border-width : 0px;
        border-spacing : 0px;
        border-collapse : collapse;
        border : none;
        padding : 0px;
      }

      /* canvas view css over-rides */
      #mapCanvas .gels {
        width : 280px;
        background-color: #ddeeff;
      }
      #mapCanvas .gels-form {
        background-color: #ddeeff;
      }

      #mapWrapperCanvas .gels-controls {
        position : absolute;
        bottom : -2px;
        left : 0px;
      }
      #mapWrapperCanvas .gels-app,
      #mapWrapperCanvas .gels-extresults-active {
        border : none;
      }
      #mapWrapperCanvas .gels-list-item {
        margin-bottom : 2px;
      }
      #mapWrapperCanvas .gels-list-wrapper {
        padding-left : 0px;
      }
    </style>

    <script src="http://www.google.com/jsapi?key=yourkeyhere";></
script>
    <script type="text/javascript">
       google.load("maps", "2");
       google.load("elements", "1", {
          packages: ["localsearch"]
       });

       var map2 = null;

       function initialize() {
          var mapCanvas = document.getElementById("mapCanvas");
          var resultsCanvas = document.getElementById
("resultsCanvas");

          var map2 = new google.maps.Map2(mapCanvas);
          //map2.setMapType(G_PHYSICAL_MAP);
          //map2.removeMapType(G_HYBRID_MAP);
          //map2.addMapType(G_PHYSICAL_MAP);
          map2.addControl(new google.maps.MenuMapTypeControl());
          map2.setCenter(new GLatLng(39.965488, -75.171579), 16); //
philly


          // Set where the results will appear
          options = new Object();
          options.resultList = resultsCanvas;
          options.resultFormat = "multi-line1";
          options.searchFormHint = "Banks, Gas Stations, etc.";
          /*
          options.adsOptions: {
          client: "partner-google-maps-api",
          channel: "41301183",
          adsafe: "high",
          language: "en"
          };
          */
          var lsc2 = new google.elements.LocalSearch
(options);
          map2.addControl(lsc2, new GControlPosition
(G_ANCHOR_TOP_LEFT, new GSize(-282, -2)));

          //lsc2.searchForm.input.value = 'My Default Search Value';
          //lsc2.execute('My Default Search Value');

          geocoder = new GClientGeocoder();
          var address = "2300 Fairmount Ave Philadelphia, PA 19130";

          if (geocoder) {
             geocoder.getLatLng(
             address,
             function(point) {
                if (!point) {
                   alert(address + " not found");
                } else {
                   map2.setCenter(point, 13);

                   var blueIcon = new GIcon(G_DEFAULT_ICON);
                   blueIcon.image = "/images/site/gmaps/blue-dot.png";
                   blueIcon.iconAnchor = new GPoint(0, 0);
                   blueIcon.infoWindowAnchor = new GPoint(6, 0);
                   var locMarker = new GMarker(point, blueIcon);
                   map2.addOverlay(locMarker);
                   locMarker.openInfoWindowHtml(address);

                   GEvent.addListener(locMarker, "click", function() {
                     locMarker.openInfoWindowHtml(address);
                   });


                };
             }
            );
          }

       }

       google.setOnLoadCallback(initialize);
    </script>
  </head>

  <body style="font-family: Arial;border: 0 none;">
    <div id="mapWrapperCanvas">
      <table class="mapcanvastable" style="width:100%;">
        <td style="width:280px">
          <div id="mapSearch"></div>
          <div id="resultsCanvas"></div>
        </td>
        <td>
          <div id="mapCanvas"></div>

        </td>
      </table>
    </div>
  </body>
</html>



--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google AJAX APIs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/Google-AJAX-Search-API?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to