Skip to content

Latest commit

 

History

History
61 lines (47 loc) · 1.37 KB

File metadata and controls

61 lines (47 loc) · 1.37 KB

⚠️ This document is aim for older versions (from 2.0.0 to 2.2.9). Document for new version is https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.6.0/README.md

event: POLYLINE_CLICK

This event is fired when you click on the polyline.

<div  id="map_canvas"></div>
var HND_AIR_PORT = {lat: 35.548852, lng: 139.784086};
var SFO_AIR_PORT = {lat: 37.615223, lng: -122.389979};
var HNL_AIR_PORT = {lat: 21.324513, lng: -157.925074};
var AIR_PORTS = [
  HND_AIR_PORT,
  HNL_AIR_PORT,
  SFO_AIR_PORT
];

var mapDiv = document.getElementById("map_canvas");

// Create a map with specified camera bounds
var map = plugin.google.maps.Map.getMap(mapDiv, {
  camera: {
    target: AIR_PORTS
  }
});
map.addEventListener(plugin.google.maps.event.MAP_READY, function() {

  // Add a polyline
  map.addPolyline({
    points: AIR_PORTS,
    'color' : '#AA00FF',
    'width': 10,
    'geodesic': true,
    'clickable': true // default = false
  }, function(polyline) {

    // Catch the POLYLINE_CLICK event
    polyline.on(plugin.google.maps.event.POLYLINE_CLICK, function(latLng) {

      map.addMarker({
        position: latLng,
        title: "You clicked on the polyline",
        snippet: latLng.toUrlValue(),
        disableAutoPan: true
      }, function(marker) {

        marker.showInfoWindow();
      });

    });

  });

});