PlaceSearch.js

Find the Nearest Business

Edit the code below and click "Try It Now" to display the result.

L.mapquest.key = '8nIoYUx9GyjZsdehJySzjprSvZIqgM42';

let baseLayer = L.mapquest.tileLayer('map');
        let map = L.mapquest.map('map', {
          center: [39.50,  -98.35],
          layers: baseLayer,
          zoom: 5
        });

L.mapquest.control().addTo(map);

let searchLayer = null;

ps.on('change', (e) => {
          let zoom = 13;
          if (e.result.type === 'state') {
            zoom = 8
          }

map.setView(e.result.latlng, zoom);
          let search = L.mapquest.search();

search.place({
            category: 'sic:581228F52',
            sort: 'relevance',
            bbox: map.getBounds(),
            pageSize: 20
          }, handleSearch);
        });

function handleSearch(err, data) {
          if (searchLayer) {
            map.removeLayer(searchLayer);
          }

searchLayer = L.mapquest.searchLayer({
            searchResponse: data
          });
          map.addLayer(searchLayer);
        }

ps.on('clear', () => {
          if (searchLayer) {
            map.removeLayer(searchLayer);
          }
          searchLayer = null;
          map.setView(new L.LatLng(39.50,  -98.35), 5);
        });

ps.on('error', (e) => {
          console.log(e);
        });
      }
    </script>
  </head>