Page List Map
Google Maps Page List templates for Concrete CMS 9. Map any location pages—properties, stores, offices, or events—with filters, layouts, and dashboard settings.
Page List Map turns a Concrete CMS Page List into an interactive Google Map. Plot any pages that have a map address—properties, stores, offices, events, partners, and more—then filter and browse them in multiple layouts.
Built for Concrete CMS 9 with Bootstrap 5 markup, AssetList registration, and vanilla JavaScript (no jQuery required). Field labels are configurable, so the same package works across verticals.
Features Concrete CMS 9 package architecture (AssetList, CIF, DashboardPageController) Location-agnostic map listings with configurable Category, Status, and detail labels Five Page List custom templates: Goog Map (sidebar), Map Only, Map Stacked, Map Cards, and Map Drawer Interactive Google Map with Advanced Markers for each listed page Per-page map pointer styles (color presets or custom uploaded image) Package-level default pointer style, custom pointer image, and map center/zoom Dashboard settings for API key, labels, pointers, and placeholder image Browser (localStorage) and server-side geocode caching via /api/cached-data/ Installs a Map location attributes set used by the map templates Legacy property_* attributes remain readable after upgrades Custom templates Apply a template in edit mode: Page List block → Design → choose a template.
Goog Map — map with location sidebar Map Only — full-width map; details open in a popup on marker click Map Stacked — location cards above, map below Map Cards — map beside a compact card list Map Drawer — full-width map with a slide-in detail drawer Map location attributes (installed with the package) Map Address (map_address) — required Detail 1 (map_detail_1) — optional; label configurable Detail 2 (map_detail_2) — optional; label configurable Category (map_category) — select; label configurable Status (map_status) — select; label configurable Map Pointer (map_pointer) — color presets or Custom Upload Custom Map Pointer (map_pointer_image) — image/file for custom markers Requirements Concrete CMS 9.0 or newer A Google Cloud API key with Maps JavaScript API and Geocoding API enabled Installation Install the package from Dashboard → Extend Concrete. Open Dashboard → System & Settings → Page List Map and set your Google API key (Maps JavaScript API + Geocoding API), default map center/zoom, field labels, map pointer, and optional placeholder image. Add map location attributes to the page types you want on the map, and fill in at least an address. Optionally set Map Pointer / Custom Map Pointer per page. Add a Page List block and assign a map custom template (Goog Map, Map Only, Map Stacked, Map Cards, or Map Drawer).
