Googlemap component syntax

Hi guys & Girls.

Where do I find the correct syntax for the google maps component.

I played around and found:

  GoogleMap1.mapOptions.latitude = 41.2524;
  GoogleMap1.mapOptions.longitude = -95.9980;
  GoogleMap1.mapOptions.zoom=20;
  var myLatLng = {lat: 41.2524, lng: -95.9980};
  GoogleMap1.setMarker(myLatLng);

the api here Geolocation  |  Maps JavaScript API  |  Google Developers states

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Marker Labels</title>
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
    <script>
      // In the following example, markers appear when the user clicks on the map.
      // Each marker is labeled with a single alphabetical character.
      var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
      var labelIndex = 0;

      function initialize() {
        var bangalore = { lat: 12.97, lng: 77.59 };
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 12,
          center: bangalore
        });

        // This event listener calls addMarker() when the map is clicked.
        google.maps.event.addListener(map, 'click', function(event) {
          addMarker(event.latLng, map);
        });

        // Add a marker at the center of the map.
        addMarker(bangalore, map);
      }

      // Adds a marker to the map.
      function addMarker(location, map) {
        // Add the marker at the clicked location, and add the next-available label
        // from the array of alphabetical characters.
        var marker = new google.maps.Marker({
          position: location,
          label: labels[labelIndex++ % labels.length],
          map: map
        });
      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map"></div>
  </body>
</html>

So using the map object how do I do the following

eg how do I set the title of the marker to ‘test’ and set the o’clock event to show something.

There is no syntax help for GoogleMap1

Cheers

Steve Warby

Try to use the gmaps lib to it, is simple and cut a lot of code !

Have you look at the GoogleMaps sample which comes with AppStudio?

(Note that Google Maps is not our product. We’re not experts at it:
NSB/AppStudio : Support Options)