Skip to content

Releases: Latz/NewOSM

NewOSM v1.0.1 - Tile Rendering Fix

Choose a tag to compare

@Latz Latz released this 26 Jan 16:32

🐛 Bug Fix Release

Fixed

  • Scrambled Map Tiles: Fixed issue where map tiles appeared distorted or improperly sized
    • Added explicit 256x256 tile dimensions
    • Override theme CSS rules that break tile rendering
    • Applies to both editor and frontend views

Details

Some WordPress themes apply max-width: 100% to all images, which breaks Leaflet's tile rendering. This release adds CSS rules to ensure tiles always render at their correct size (256x256 pixels).

Installation

Download NewOSM-v1.0.1.zip below and install via WordPress Admin → Plugins → Add New → Upload Plugin


Previous Release: v1.0.0

NewOSM v1.0.0 - Initial Release

Choose a tag to compare

@Latz Latz released this 26 Jan 15:32

🎉 NewOSM v1.0.0 - Initial Production Release

OpenStreetMap Gutenberg Block for WordPress

✨ Features

  • Interactive Maps: Full-featured OpenStreetMap integration in Gutenberg editor
  • Location Search: Search any location worldwide with Nominatim geocoding
  • Marker Placement: Click anywhere on the map to place draggable markers
  • Address Lookup: Automatic reverse geocoding to display addresses
  • Customizable Display: Flexible map dimensions, zoom levels, and size presets
  • Fullscreen Mode: View maps in fullscreen on both editor and frontend
  • Default Settings: Save your preferred settings via REST API
  • Local Assets: All Leaflet files served locally (no external CDN dependencies)

🛠️ Technical Details

  • Modern WordPress REST API integration
  • Native Fetch API using @wordpress/api-fetch
  • React-based Gutenberg block
  • Leaflet 1.9.4 mapping library
  • No jQuery dependencies
  • Instant marker placement (no loading delays)
  • Responsive design
  • Forward-compatible with WordPress 7.0+

📦 Installation

  1. Download NewOSM.zip below
  2. Go to WordPress Admin → Plugins → Add New
  3. Click "Upload Plugin" and select the zip file
  4. Activate the plugin

🚀 Usage

  1. Create or edit a post/page in WordPress
  2. Add the "OpenStreetMap" block
  3. Search for a location or click on the map to place a marker
  4. Customize size, zoom, and appearance in the sidebar
  5. Save default settings for future blocks

📋 Requirements

  • WordPress 6.1+
  • PHP 7.4+
  • Modern browser with JavaScript enabled

🔗 Links


Note: This plugin uses OpenStreetMap tiles and Nominatim geocoding service, which are free services with reasonable usage limits.