fahiem152/filament-pinpoint v1.1.4

v1.1.4 - Improved Radius Circle UX and Visual Hierarchy

on GitHub

🎨 What's New

This release improves the radius circle feature with better
visual design and user experience.

Improvements

• Enhanced Visual Design

  • Changed circle color from red to blue (#4285F4) for a
    friendlier, more professional appearance
  • Circle now matches Google's Material Design color palette

• Better Z-Index Layering

  • Marker (pin) now appears above the circle with proper z-index
    stacking
  • Marker: zIndex 200 (always on top)
  • Circle: zIndex 100 (below marker)
  • No more visual confusion when marker overlaps with circle edge

• Improved Interactivity

  • Added clickable: true to circle for better user interaction
  • Smoother drag-to-resize experience
  • Better visual feedback during drag operations

• Enhanced Documentation

  • Updated README with clearer radius usage instructions
  • Added visual hierarchy explanation
  • Improved code examples

How to Use Radius Feature

Pinpoint::make('location')                                          
    ->latField('lat')                                               
    ->lngField('lng')                                               
    ->radiusField('radius')  // Enable radius circle                
    ->defaultRadius(500)     // Default 500 meters            

Features:

• Resize radius by dragging the white handle on circle's edge
• Radius value automatically saves to your database field in
  real-time
• Completely optional - just omit radiusField() if you don't need it