1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
// Disable forbidden <svg> etc. so that frontend component does not depend on @wordpress/component
/* eslint-disable react/forbid-elements */
/**
* External dependencies
*/
import { __, _x } from '@wordpress/i18n';
export const settings = {
name: 'map',
prefix: 'jetpack',
title: __( 'Map', 'jetpack' ),
icon: (
/* Do not use SVG components from @wordpress/component to avoid frontend bloat */
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
role="img"
aria-hidden="true"
focusable="false"
>
<path fill="none" d="M0 0h24v24H0V0z" />
<path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM10 5.47l4 1.4v11.66l-4-1.4V5.47zm-5 .99l3-1.01v11.7l-3 1.16V6.46zm14 11.08l-3 1.01V6.86l3-1.16v11.84z" />
</svg>
),
category: 'jetpack',
keywords: [
_x( 'map', 'block search term', 'jetpack' ),
_x( 'location', 'block search term', 'jetpack' ),
_x( 'navigation', 'block search term', 'jetpack' ),
],
description: __( 'Add an interactive map showing one or more locations.', 'jetpack' ),
attributes: {
align: {
type: 'string',
},
points: {
type: 'array',
default: [],
},
mapStyle: {
type: 'string',
default: 'default',
},
mapDetails: {
type: 'boolean',
default: true,
},
zoom: {
type: 'integer',
default: 13,
},
mapCenter: {
type: 'object',
default: {
longitude: -122.41941550000001,
latitude: 37.7749295,
},
},
markerColor: {
type: 'string',
default: 'red',
},
},
supports: {
html: false,
},
mapStyleOptions: [
{
value: 'default',
label: __( 'Basic', 'jetpack' ),
},
{
value: 'black_and_white',
label: __( 'Black and white', 'jetpack' ),
},
{
value: 'satellite',
label: __( 'Satellite', 'jetpack' ),
},
{
value: 'terrain',
label: __( 'Terrain', 'jetpack' ),
},
],
validAlignments: [ 'center', 'wide', 'full' ],
markerIcon: (
/* Do not use SVG components from @wordpress/component to avoid frontend bloat */
<svg width="14" height="20" viewBox="0 0 14 20" xmlns="http://www.w3.org/2000/svg">
<g id="Page-1" fill="none" fillRule="evenodd">
<g id="outline-add_location-24px" transform="translate(-5 -2)">
<polygon id="Shape" points="0 0 24 0 24 24 0 24" />
<path
d="M12,2 C8.14,2 5,5.14 5,9 C5,14.25 12,22 12,22 C12,22 19,14.25 19,9 C19,5.14 15.86,2 12,2 Z M7,9 C7,6.24 9.24,4 12,4 C14.76,4 17,6.24 17,9 C17,11.88 14.12,16.19 12,18.88 C9.92,16.21 7,11.85 7,9 Z M13,6 L11,6 L11,8 L9,8 L9,10 L11,10 L11,12 L13,12 L13,10 L15,10 L15,8 L13,8 L13,6 Z"
id="Shape"
fill="#000"
fillRule="nonzero"
/>
</g>
</g>
</svg>
),
};
|
GitWeb