У меня есть этот код, и я просто не знаю, как заставить его работать.
Я могу загрузить свой файл Excel успешно, но не знаю, как получить карту для чтения результата json.
Я знаю, что должен заменить этот код:
fetch('https://www.datos.gov.co/resource/g373-n3yy.json')
Но не знаю точно, как связать его с результатами, которые дает мне этот код:
<code> <pre ng-show="excel" id="datos">{{excel | json}}
Вот полный код:
<code> <body ng-app="xlsxApp" ng-controller="xlsxCtrl" onload = "loadMap()">
<div class="container">
<h2>Seleccionar archivo Excel:</h2>
<input type="file" class="form-control" xlsx-model="excel" multiple>
<pre ng-show="excel" id="datos">{{excel | json}}
const getLocations = () => {
выборки ( '
https://www.datos.gov.co/resource/g373-n3yy.json')
.then (response => response.json ())
.then (location => {
let locationInfo = []
location.forEach (location => {
let locationData = {
позиция:
{Лат: location.punto.coordinates [1], LNG: location.punto.coordinates [0]},
Имя: location.nombre_sede
}
locationsInfo.push (locationData)
})
если (navigator.geolocation) {
navigator.geolocation.getCurrentPosition ((данные) => {
let currentPosition = {
lat: data.coords.latitude,
lng: data.coords.longitude
}
dibujarMapa (currentPosition, locationInfo)
})
}
})
}
const dibujarMapa = (obj, locationInfo) => {
let map = new google.maps.Map (document.getElementById ('map'), {
зум: 4,
центр: объект
})
let marker = новый google.maps.Marker ({
должность: объект,
название: 'Tu ubicacion'
})
marker.setMap (карта)
let markers = locationInfo.map (place => {
вернуть новый google.maps.Marker ({
позиция: место, позиция,
карта: карта,
title: place.name
})
})
}
window.addEventListener ( 'нагрузка', getLocations)
<скрипт async defer
SRC = "
https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=initMap">