location-map

Location/Map Widget

A location-based widget showing nearby places with ratings, directions, and filtering options.

Features

• Current Location: Display user's current address and position
• Nearby Places: List of nearby businesses with images and details
• Place Information: Ratings, distance, price range, and contact info
• Category Filtering: Filter places by type (restaurants, gas stations, etc.)
• Contact Information: Phone numbers and business details

Usage

1. Copy the widget structure from widget-structure.jsx
2. Copy the sample data from data.json
3. Paste into the Widget Builder
4. Customize location data and nearby places

Data Structure

{
  "currentLocation": {
    "address": "123 Main Street...",  // Current address
    "distance": "0.1 miles"          // Distance indicator
  },
  "selectedCategory": "All",         // Currently selected filter
  "categories": ["All", "Restaurants", "Gas Stations"], // Available filters
  "nearbyPlaces": [
    {
      "id": "place_1",              // Unique place ID
      "name": "Blue Bottle Coffee", // Business name
      "category": "Coffee",         // Business category
      "rating": 4.5,               // Star rating
      "distance": "0.2 miles",     // Distance from user
      "priceRange": "$$",          // Price range indicator
      "phone": "(555) 123-4567",   // Phone number
      "image": "https://..."       // Business image
    }
  ]
}

Display Features

• Location Display: Current address and position
• Nearby Places: Business listings with ratings and details
• Category Display: Visual category badges
• Contact Info: Phone numbers and business details

Customization

• Add real-time location updates
• Include place hours and availability
• Add user reviews and photos
• Implement place recommendations
• Add traffic and route information
• Include place check-ins or visits