AM 송신소 맵을 만들어 보았습니다.
보내는 json을 만듭니다. 우선 도호쿠의 각 현에 있는 민방의 제일 출력이 큰 주간 송신소만을 데이터로 해 보았습니다.
발신지 주소는 덴파 데드가 붐비다. 님이 확인하고 게오 작은 첸 g. jp 님의 항공 사진으로 확인하고 조정했습니다. 좌표는 안테나의 위치와 일치합니다.
gist의 raw 데이터는 헤더에 "Access-Control-Allow-Origin: *"을 붙여 주므로 로컬 파일에서 읽어도 오류가 발생하지 않습니다.
이것을 지리원 타일에 마커를 놓습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AM DX MAP</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
function init() {
$.getJSON("https://gist.githubusercontent.com/yamori813/16065bbff4473e8ec3430570fcf7da7f/raw/4e1b1673465d247ae137aeb9fecec63015fc8128/radio.json", null, function(data,status){
//取得成功したら実行する処理
var map = L.map('mapcontainer', { zoomControl: false });
var mpoint = [35.8627, 139.6072];
map.setView(mpoint, 6);
L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/blank/{z}/{x}/{y}.png', {
attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>"
}).addTo(map);
for (var i = 0; i < data.radio.length; i++) {
//ポップアップする文字（HTML可、ここでは画像を表示）
var popup = L.popup().setContent(data.radio[i].name + " " + data.radio[i].frequency + "kHz");
//マーカーにポップアップを紐付けする。同時にbindTooltipでツールチップも追加
L.marker([data.radio[i].latitude,data.radio[i].longitude]).bindPopup(popup).bindTooltip(data.radio[i].corporation).addTo(map);
}
});
}
</script>
</head>
<body onload="init()">
<div id="mapcontainer" style="position:absolute;top:0;left:0;right:0;bottom:0;"></div>
</body>
</html>
이런 느낌이 듭니다.
그리고는 전국판의 json을 만들 뿐.
추가
전국 버전의 json 할 수있었습니다. 당초 대상을 주간국에서 만들었습니다만, 1kw 이상의 국으로 해 보았습니다. 광역 오사카 무선 보전과씨의 정보도 대단히 참고가 되었습니다. 일부는 주소에서 나오지 않고, 여러가지 검색해 보았습니다. 모두 항공 사진에서 확인했습니다.
필기의 json이므로 어디 어디 실수가 있고, json 검사기로 확인했습니다. ^^;
gist의 URL은 개정의 해시를 취하면 최신 데이터가 될 것 같습니다.
지리원 타일을 표준지도로 하여 확대하면 전파탑의 기호를 확인할 수 있습니다.
안테나는 바다 속에 있는 것이나, 섬에 있는 것, 골프장 안에 있는 것 등 있어, 형태도 여러가지였습니다. 항공 사진으로 전국 안테나를 둘러싸고 즐거웠습니다.
HTML도 gist에 두어 브라우저에서 직접 볼 수 있도록 했습니다.
Reference
이 문제에 관하여(AM 송신소 맵을 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yamori813/items/8f73c649a7971cfa202d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
