Add car park information to ceremony page
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "wedding",
|
"name": "wedding",
|
||||||
"version": "1.3.1",
|
"version": "1.3.2",
|
||||||
"private": true,
|
"private": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=6.5",
|
"node": ">=6.5",
|
||||||
|
|||||||
@@ -12,7 +12,21 @@ const church = {
|
|||||||
showInfo: true,
|
showInfo: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const carPark = {
|
||||||
|
title: 'Langley Hill Car Park',
|
||||||
|
position: {
|
||||||
|
lat: 51.7121,
|
||||||
|
lng: -0.4507,
|
||||||
|
},
|
||||||
|
showInfo: true,
|
||||||
|
};
|
||||||
|
|
||||||
class Ceremony extends React.Component {
|
class Ceremony extends React.Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.markers = [church, carPark];
|
||||||
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div className={s.root}>
|
<div className={s.root}>
|
||||||
@@ -29,11 +43,11 @@ class Ceremony extends React.Component {
|
|||||||
<p>The ceremony begins at 1pm</p>
|
<p>The ceremony begins at 1pm</p>
|
||||||
<h3>Where</h3>
|
<h3>Where</h3>
|
||||||
<p>The church is located at the southern end of Kings Langley high street.
|
<p>The church is located at the southern end of Kings Langley high street.
|
||||||
Parking is available across the road at the Rose and Crown pub.</p>
|
Free parking is available on Langley Hill.</p>
|
||||||
<Map
|
<Map
|
||||||
defaultZoom={14}
|
defaultZoom={15}
|
||||||
defaultCenter={church.position}
|
defaultCenter={church.position}
|
||||||
markers={[church]}
|
markers={this.markers}
|
||||||
/>
|
/>
|
||||||
<h3>About the church</h3>
|
<h3>About the church</h3>
|
||||||
<p>All Saints Church is a medieval church with parts dating from the 13th century.
|
<p>All Saints Church is a medieval church with parts dating from the 13th century.
|
||||||
|
|||||||
Reference in New Issue
Block a user