Guest User

Rakuten Mobile Area

a guest
Aug 8th, 2020
2,361
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
  4. </head>
  5. <style>
  6. body,
  7. html {
  8.   height: 100vh;
  9.   width: 100vw;
  10. }
  11.  
  12. #map {
  13.   width: 100%;
  14.   height: 100%;
  15. }
  16. </style>
  17. <body>
  18. <div id="map"></div>
  19. <script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
  20. <script>
  21. // Initialize the map and assign it to a variable for later use
  22. var map = L.map('map', {
  23.     // Set latitude and longitude of the map center (required)
  24.     center: [36, 140],
  25.     // Set the initial zoom level, values 0-18, where 0 is most zoomed-out (required)
  26.     zoom: 9
  27. });
  28.  
  29. // Create a Tile Layer and add it to the map
  30. var tiles = new L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png').addTo(map);
  31. var tiles = new L.tileLayer('https://gateway-api.global.rakuten.com/dsd/geoserver/mno_coverage_map/gwc/service/gmaps?LAYERS=mno_coverage_map:rmi&FORMAT=image/png&TRANSPARENT=TRUE&x={x}&y={y}&zoom={z}').addTo(map);
  32.  
  33. </script>
  34. </body>
  35. </html>
RAW Paste Data