update map

src/components/Mapbox.js

@@ -7,15 +7,18 @@ const Map = ReactMapboxGl({
 });
 
 const Data = [
-	{ id: 1, position: [100.56721, 13.748115], name: 'NEXPIE' },
-	{ id: 2, position: [100.56987, 13.747821], name: 'AVANI' },
+	{ id: 1, position: [100.56721, 13.748115], name: 'nexpie' },
+	{ id: 2, position: [100.56987, 13.747821], name: 'avani' },
+	{ id: 3, position: [100.622749, 13.962597], name: 'zeer' },
+	{ id: 4, position: [100.535007, 13.746648], name: 'siam paragon' },
+	{ id: 5, position: [100.679211, 13.826122], name: 'Fashion Island' },
 ];
 
 export default class Mapbox extends React.Component {
 	state = {
 		center: [100.523186, 13.736717],
 		active: undefined,
-		zoom: undefined,
+		zoom: [5],
 	};
 	render() {
 		const { center, active, zoom } = this.state;
@@ -67,7 +70,7 @@ export default class Mapbox extends React.Component {
 									borderRadius: 2,
 								}}
 							>
-								{active.name}
+								{active.name.toUpperCase()}
 							</div>
 						</Popup>
 					)}