ACF MapMore Field
Complex map field for Advanced Custom Fields.
Supports
- Areas
- Circles
- Polygons
- Routes
- Custom POIs
Usage
Displaying selected location
$value = get_field('mapmore_field');
switch ( $value['type'] ) {
case 'rectangle':
?>
<script>
new google.maps.Rectangle({
bounds: <?php echo $value['bounds'] ?>,
map: map
});
</script>
<?php
break;
case 'polyline':
?>
<script>
new google.maps.Polyline({
path: <?php echo $value['path'] ?>],
map: map,
});
</script>
<?php
break;
case 'polygon':
?>
<script>
new google.maps.Polyligon({
path: <?php echo $value['polygon'] ?>],
map: map
});
</script>
<?php
break;
case 'circle':
?>
<script>
new google.maps.Circle({
center: {lat: <?php echo $value['lat'] ?>], lng: <?php echo $value['lng'] ?>},
radius: <?php echo $value['radius'] ?>,
map: map
});
</script>
<?php
break;
case 'marker':
?>
<script>
new google.maps.Marker({
position: {lat: <?php echo $value['lat'] ?>], lng: <?php echo $value['lng'] ?>},
map: map,
animation: google.maps.Animation.DROP
});
</script>
<?php
break;
}
Adding marker icons
Add any *.svg files to images/icons
they will be automatically available as Marker icons
Setting Google API key
Add this to your theme's functions.php
function mapmore_acf_google_map_api() {
acf_append_setting('mapmore_google_api_key', 'YOUR_GOOGLE_API_KEY');
}
add_filter('init', 'mapmore_acf_google_map_api');
Description
EXTENDED_DESCRIPTION
Compatibility
This ACF field type is compatible with:
- ACF 5
- ACF 4
Installation
- Copy the
acf-mapmore
folder into yourwp-content/plugins
folder - Activate the MapMore plugin via the plugins admin page
- Create a new field via ACF and select the MapMore type
- Please refer to the description for more info regarding the field type settings
Changelog
Please see readme.txt
for changelog
Credits
Icons
- Map Marker, Pin, thumb tack, Flag, Tree, forest, Flower, Sun, Crescent Moon, Tornado, Hail, Lightning, Day Fog, Bicycle, Car, Bus, Train, Hot Air Balloon, Departure, Airplane Mode, Tent, Image, Color, Shop, Hanging board by (Pham Thi Dieu Linh)[https://thenounproject.com/phdieuli/] from (the Noun Project)[https://thenounproject.com]