Advertisement
Guest User

Untitled

a guest
Feb 20th, 2017
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.58 KB | None | 0 0
  1. import React from 'react';
  2. import { render } from 'react-dom';
  3. import { Map, Marker, Popup, TileLayer } from 'react-leaflet';
  4.  
  5. const position = [51.505, -0.09];
  6. const map = (
  7. <Map center={position} zoom={13}>
  8. <TileLayer
  9. url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'
  10. attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  11. />
  12. <Marker position={position}>
  13. <Popup>
  14. <span>A pretty CSS3 popup.<br/>Easily customizable.</span>
  15. </Popup>
  16. </Marker>
  17. </Map>
  18. );
  19.  
  20. render(map, document.getElementById('map-container'));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement