' marker.bindPopup(popup_content, {autoPan: true, className: "popup-"+i}) marker.addTo(map14); bounds.extend([locations[i].latitude, locations[i].longitude]); } // Else add circle else { // Prep radius_var = '10'; // Add circle zoom_level = 9; mile_radius = !isNaN(radius_var) && !isNaN(parseFloat(radius_var)) ? radius_var : 8; // Create radius from miles to meters var color = locations[i].fran_zipcode_map_color != undefined && locations[i].fran_zipcode_map_color != '' ? locations[i].fran_zipcode_map_color : '#008E9C'; mile_radius = mile_radius * 1609.34; circle = L.circle( [locations[i].latitude, locations[i].longitude], { radius: mile_radius, color: color, fillColor: color, opacity: .5, fillOpacity: .3, stroke: false } ).addTo(map14); circle_bounds = circle.getBounds(); bounds.extend(circle_bounds); } } // Add Map Data L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=' + mapbox_api_key, { id: 'mapbox/streets-v11', tileSize: 512, attribution: '© OpenStreetMap contributors', zoomOffset: -1 }).addTo(map14); map14.setView(bounds.getCenter()); map14.setZoom(zoom_level); }