NickDuncan

CodeCabin_

DylanAuty

WPGMaps

<p>The easiest to use Google Maps and Open Layers Map Plugin is now available as a standalone map block!</p>
<p>Create a custom map block with high-quality markers and add them to your WordPress posts and pages effortlessly. Perfect for contact pages, business locations, event venues, and more!</p>
<p>Map blocks are lightweight and deliver optimal performance, ensuring a seamless experience for your WordPress site. They’re easy to customize, allowing you to quickly add and configure maps to suit your needs without compromising site speed or performance.</p>
<p>If you need more features like multiple markers, shapes, and a store locator, our full (free) <a href="https://wordpress.org/plugins/wp-google-maps/" rel="ugc">WP Go Maps plugin</a> might be perfect for you.</p>
<h4>Block Features</h4>
<ul>
<li>Add unlimited map blocks to your posts/pages</li>
<li>Choose between Google Maps or OpenLayers for each block</li>
<li>Edit your marker directly from the block editor </li>
<li>Set marker location by free location search, or by right-clicking on the map preview</li>
<li>Preview your map in real time, within the block editor</li>
<li>Easy to use and customize without any coding experience </li>
<li>Control width, height and alignment of your maps</li>
<li>From the team that brought you the most popular Google Maps plugin on WordPress</li>
<li>Lightweight for optimal performance</li>
<li>No database queries or tables</li>
<li>Basic info-window for your marker</li>
<li>Control zoom level of your map</li>
<li>Support for localization</li>
<li>Latest Google Maps API</li>
<li>Latest OpenLayers API</li>
</ul>
<p>Already using WP Go Maps? You can still use this block for single locations, as it is fully integrated with both our basic and Pro versions!</p>
<h4>References</h4>
<p>We make use of a various libraries and 3rd party service providers in order to render maps in your preferred mapping engine. This section will describe each of these in more detail and when they are used.</p>
<ul>
<li><strong>OpenLayers:</strong> Served from a local library file (lib/ol.js & lib/ol.css), provided by OpenLayers. We use this library when you set your block to use OpenLayers (default). You can find the source files on the <a href="https://github.com/openlayers/openlayers" rel="nofollow ugc">OpenLayers GitHub</a>.</li>
<li><strong>OpenStreetMap:</strong> When you select the OpenLayers engine, a default map tile server is used, which is provided by <a href="https://www.openstreetmap.org/" rel="nofollow ugc">OpenStreetMap</a>. This is a <strong>3rd party service provider</strong> that we rely on to render your map. They may also make use of <a href="https://www.mapbox.com/" rel="nofollow ugc">MapBox</a> for some of their assets.</li>
<li><strong>Google Maps API:</strong> If you decide to use <a href="https://developers.google.com/maps" rel="nofollow ugc">Google Maps</a> as your map engine, we will include the Google Maps API as a <strong>3rd party service provider</strong> that we rely on to render your maps. In this case, admin map previews are still rendered by OpenLayers and OpenStreetMap.</li>
<li><strong>Nominatim (OpenStreetMap):</strong> If you perform an address search within the admin area, we will make use of the <a href="https://nominatim.openstreetmap.org" rel="nofollow ugc">OpenStreetMap Nominatim</a> to lookup locations and suggest addresses to you. This is a <strong>3rd party service provider</strong> that we rely on for address searches.</li>
</ul>


WP Go Maps Block

The easiest-to-use Google Maps plugin is now available as a standalone map block! Create custom Google maps or OpenLayers maps with high-quality marke …

10up

Jeffrey Paul

Helen Hou-Sandi

Tung Du

Ryan Welcher

Fabian Kaegy

<p><strong>Disclaimer:</strong> <em>Apple Maps, MapKit JS, and the Apple logo are trademarks of Apple Inc.  Apple Maps may not be available in all countries or regions.</em></p>
<p>This plugin integrates Apple’s <a href="https://developer.apple.com/maps/mapkitjs/" rel="nofollow ugc">MapKit JS</a> into an “Apple Maps” block in the WordPress block editor (Gutenberg).  You will need an <a href="https://developer.apple.com/programs/" rel="nofollow ugc">Apple Developer Program</a> account, Maps Identifier, and Private Key to configure this plugin and connect to the MapKit JS API in order for the block to function.  Note that the Apple Developer Program has an annual fee of 99 USD, in local currency where available.  Prices may vary by region and are listed in local currency during the enrollment process.  <a href="https://developer.apple.com/support/membership-fee-waiver/" rel="nofollow ugc">Fee waivers are available for the Apple Developer Program for eligible organizations</a>.</p>
<h3>Configuration</h3>
<p>In order to start using the Apple Maps block, you will need to sign up for the Apple Developer Program and create your Maps identifiers, keys, and tokens.  Follow the steps below to generate the Private Key, Key ID, and Team ID that you will need to configure the plugin and gain access to the MapKit JS API for the Apple Maps block.</p>
<h3>Create an Apple Developer account</h3>
<ol>
<li>If you don’t already have an Apple ID, then please <a href="https://appleid.apple.com/account#!&page=create" rel="nofollow ugc">create an Apple ID</a> as it is required in order to enroll in the Apple Developer Program in the next step.</li>
<li><a href="https://developer.apple.com/programs/enroll/" rel="nofollow ugc">Enroll in the Apple Developer Program as either an individual or organization</a>.  Note that its possible to have an existing Apple Developer account but not be enrolled in the Apple Developer Program, so please be sure to complete the enrollment process in this step.</li>
<li>Sign the Apple Developer Program License Agreement in the <a href="https://appstoreconnect.apple.com/WebObjects/iTunesConnect.woa/da/jumpTo?page=contracts" rel="nofollow ugc">Agreements, Tax, and Banking section of App Store Connect</a>.</li>
</ol>
<h3>Create a Maps Identifier and Private Key</h3>
<ol>
<li><a href="https://developer.apple.com/documentation/mapkitjs/creating_a_maps_identifier_and_a_private_key" rel="nofollow ugc">Create a Maps ID and a MapKit JS Private Key</a>.</li>
<li>Copy the Private Key, paste it into the respective plugin setup field, and ensure the key includes the <code>-----BEGIN PRIVATE KEY-----</code> and <code>-----END PRIVATE KEY-----</code> lines.</li>
<li>Open the Key you created in Step 1, copy the <code>Key ID</code> value, and paste it into the respective plugin setup field.</li>
<li>Open the Identifier you created in Step 1, copy the <code>App ID Prefix</code> value (notice the value is appended with <code>(Team ID)</code>), and paste it into the respective plugin setup field.</li>
<li>Click the <code>Confirm MapKit Credentials</code> button in the plugin setup to gain access to the block options and begin customizing your Apple Maps block!</li>
</ol>


Block for Apple Maps

An Apple Maps block for the WordPress block editor (Gutenberg).

WP Go Maps Block vs Block for Apple Maps