[geovideo widget start code] #codecanyon

mappeo.js

 mappeo.initialize({
   container: 'map',
   filter: '', // Filter videos by keyword
   geolocation: true, // Automatic center map on the user current location
   latitude: 37.7749295,
   longitude: -122.4194155,
   zoom: 8,
   gMapsApiKey: '<your google API key>',
   youTubeApiKey: '<your google API key>',
   markerClusterer: true, // Clusterer markers
   minimumClusterSize: 4,
   draggable: true // Video popup window draggable
});

/* Other initialization parameters
   mapType: "ROADMAP",
   markerIcon: "url_for_icon_image",
   channelId: "youtube channel id (alphanumeric string)",
   orderBy: "popular" or "rating" or "relevance" or "published",
   onVideoOpen: function callback(video) {} // return false to prevent default video window
   styles: map styling, ex:
   
   styles :[
      {
        stylers: [
          { hue: "#00ffe6" },
          { saturation: -20 }
        ]
      },{
        featureType: "road",
        elementType: "geometry",
        stylers: [
          { lightness: 100 },
          { visibility: "simplified" }
        ]
      },{
        featureType: "road",
        elementType: "labels",
        stylers: [
          { visibility: "off" }
        ]
      }
    ]
*/

function search() {
  var search_input = document.getElementById('filter');
  mappeo.setFilter(search_input.value);
}