gtfs-rt-display/app/components/map/marker-msg.jsx

33 lines
625 B
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import {Marker,Popup} from 'react-leaflet';
import bfly from '../../assets/Logo_SIB_electricindigo.svg';
const MarkerMsg = ({ index,location }) => {
const iconBfly = new L.Icon({
iconUrl: bfly,
iconRetinaUrl: bfly,
popupAnchor: [-0, -0],
iconSize: [32,45],
});
return(
<>
<Marker
index={index}
position={[location.lat,location.lon]}
icon={iconBfly}
>
<Popup>
Popup
</Popup>
</Marker>
</>
);
}
export default MarkerMsg;
MarkerMsg.propTypes = {
index: PropTypes.number,
location: PropTypes.object
};