feat: extend Popup with trip id and route id

app/components/map/map.jsx

@@ -27,7 +27,7 @@ export default function Map({messages}) {
 		/>
 		{
 		    messages.map(function(value,key) {
-			//console.log(`key: ${key}, value: ${JSON.stringify(value)}`);
+			//console.log(`key: ${key}, tripId: ${value.tripId}`);
 			if(hasGtfs){
 			    return <MsgMarkerWithGtfs key={value.tripId} index={value.vehicleId} message={value}/>;
 			}else{

app/components/map/marker-msg-plus.jsx

@@ -8,13 +8,16 @@ import getIcon from './icon';
 const MarkerMsgPlus = ({ message }) => {
 
     if(message===undefined || message===null){
+	console.error('message undefined or null');
 	return null;
     }else{
+	//console.log(`MarkerMsgPlus: tripId: ${message.tripId}`);
 	const markerIcon=getIcon();
 	if(markerIcon===null){
+	    console.error('MarkerMsgPlus: icon null');
 	    return null;
 	}else{
-	return(
+	    return(
 	    <>
 		<Marker
 		    position={[message.lat,message.lon]}

app/components/map/marker-msg.jsx

@@ -5,8 +5,10 @@ import MarkerMsgPlus from './marker-msg-plus';
 
 const MarkerMsg = ({ message }) => {
     if(message===undefined || message===null){
+	console.error('message undefined or null');
 	return null;
     }else{
+	//console.log(`MarkerMsg: tripId: ${message.tripId}`);
 	return(
 	    <>
 		<MarkerMsgPlus

app/components/map/popup-msg.jsx

@@ -19,6 +19,8 @@ const PopupMsg = ({message}) => {
 	<Popup>
 	    message id: {message.id} <br/>
 	    vehicle id: {message.vehicleId} <br/>
+	    trip id: {message.tripId} <br/>
+	    route id: {message.routeId} <br/>
 	    lat: {message.lat} <br/>
 	    lon: {message.lon} <br/>
 	    <br/>