Skip to content

Instantly share code, notes, and snippets.

@JoelPapiREX

JoelPapiREX/Mapa JoelPAPIREX

Created June 30, 2020 04:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JoelPapiREX/7c062a567a54b7be29474fc58428fb17 to your computer and use it in GitHub Desktop.
Save JoelPapiREX/7c062a567a54b7be29474fc58428fb17 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Mapa JoelPAPIREX
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>mapas</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<style>
#map { height: 580px; }
</style>
</head>
<body>
<div id="map"></div>
</body>
<script>
var map = L.map('map').setView([-0.2247332, -78.5179488], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([-0.2247332, -78.5179488]).addTo(map)
.bindPopup('Instituto Tecnologico "Yavirac"".')
.openPopup();
L.marker([-0.298031, -78.566037]).addTo(map)
.bindPopup('Paola Acosta.')
.openPopup();
L.marker([-0.026205, -78.452475]).addTo(map)
.bindPopup('Joel Valencia.')
.openPopup();
L.marker([-0.1538983,-78.5051619]).addTo(map)
.bindPopup('Damian.')
.openPopup();
L.marker([-0.071850,-78.435068]).addTo(map)
.bindPopup('Francisco.')
.openPopup();
L.marker([-0.0866811,-78.5073176]).addTo(map)
.bindPopup('Bryan.')
.openPopup();
L.marker([-0.352055, -78.528046]).addTo(map)
.bindPopup('Mauricio.')
.openPopup();
L.marker([-0.241768, -78.526977]).addTo(map)
.bindPopup('Maicole.')
.openPopup();
var Linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.026205, -78.452475],
]).addTo(map);
var Linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.298031, -78.566037],
]).addTo(map);
var linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.1538983,-78.5051619],
]).addTo(map);
var Linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.241768, -78.526977],
]).addTo(map);
//
var Linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.0866811,-78.5073176],
]).addTo(map);
var Linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.352055, -78.528046],
]).addTo(map);
var Linea = L.polyline([
[-0.2247332, -78.5179488],
[-0.071850,-78.435068],
]).addTo(map);
var polyline =L.polyline(rayita,{color:'green'}).addTo(map);
var circle = L.circle([-0.2247332, -78.5179488], {
color: 'green',
fillColor: '#58D68D',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
var circle = L.circle([-0.026205, -78.452475], {
color: 'green',
fillColor: '#58D68D',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
var circle = L.circle([-0.298031, -78.566037], {
color: 'green',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
var circle = L.circle([-0.071850,-78.435068], {
color: 'green',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
//
var circle = L.circle([-0.0866811,-78.5073176], {
color: 'green',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
var circle = L.circle([-0.352055, -78.528046], {
color: 'green',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
var circle = L.circle([-0.071850,-78.435068], {
color: 'green',
fillColor: '#f03',
fillOpacity: 0.5,
radius: 500
}).addTo(map);
</script>
// PAREJA JOEL- PAOLA
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment