JSFiddle - React, Tailwind, and code Playground

by Gonzalo

JavaScript

createGeoCoding: function(idElement){
      var input = document.getElementById(idElement);
      var map = this.$el.find('#geo-search-map').gmap3('get');
      var searchBox = new google.maps.places.SearchBox(input);
      var markers = [];
      google.maps.event.addListener(searchBox, 'places_changed', function() {
        var places = searchBox.getPlaces();
        for (var i = 0, marker; marker = markers[i]; i++) { marker.setMap(null);}
        markers = [];
        var bounds = new google.maps.LatLngBounds();
        for (var i = 0, place; place = places[i]; i++) {
          bounds.extend(place.geometry.location);
        }
        map.fitBounds(bounds);
      });