Maplat UI에서 POI 보기

8616 단어 GISfoss4g오래된 지도오픈 소스Maplat
Maplat Advent Calendar이지만 24일째에는 UI가 있는 Maplat에서 POI를 설정해 봅시다.
오늘의 움직이는 것은 이쪽입니다. 사실 버그가 밝혀졌지만 ... => Maplat Advent Calendar Day 24

Maplat UI에서도 기본은 앱 설정 파일의 pois 설정에서 POI 정의 파일을 지정하는 것은 변하지 않습니다.

maplat_ac_day24.json
{
  "app_name": "Maplat Advent Calendar Day24",
  "home_position": [139.5321, 36.249302],
  "default_zoom": 17,
  "start_from": "tatebayashi_ojozu",
  "sources": [
    {
      "mapID": "tatebayashi_ojozu",
      "label": "綱吉時代",
      "setting_file": "https://s.maplat.jp/r/tatebayashimap/maps/tatebayashi_ojozu.json"
    },
    {
      "mapID": "tatebayashi_castle_akimoto",
      "label": "秋元時代",
      "setting_file": "https://s.maplat.jp/r/tatebayashimap/maps/tatebayashi_castle_akimoto.json"
    },
    "osm",
    "gsi"
  ],
  "pois": "pois/pois.json"
}

그리고, 지정된 앞의 pois/pois.json 안에서, POI의 설정을 합니다.
이것도, 기본은 Maplat Core의 경우와 다르지 않지만, Maplat Core와 달리 Maplat UI는 POI를 클릭 등했을 때의 기본 처리(구체적으로는 정보 팝업의 표시)가 달리므로, 거기에 표시 필요한 정보를 설정해야 합니다.

pois/pois.json
{
  "main": {
    "pois": [
      {
        "id": "castle",
        "lat": 36.243881,
        "lng": 139.543517,
        "name": "館林城",
        "url": "https://ja.m.wikipedia.org/wiki/%E9%A4%A8%E6%9E%97%E5%9F%8E",
        "icon": "parts/blue_marker.png",
        "selected_icon": "parts/red_marker.png"
      },
      {
        "id": "shrine",
        "lat": 36.25163,
        "lng": 139.528562,
        "name": "愛宕神社",
        "html": "<html><body><div class=\"poi_data\"><p class=\"col-xs-12 poi_img\"><img class=\"poi_img_tag\" src=\"img/atago_shrine.jpg\"></p><p class=\"recipient poi_address\">群馬県館林市西本町9-9</p><p class=\"recipient poi_desc\"><b>梢から火を吹き老杉を守ろうとした不思議の社</b><br>役行者創建と伝わる古い神社で、江戸期は市中の総鎮守と定められて城主の手厚い保護を受けたといいます。ところが明治を過ぎると藩の庇護もなくなり、社殿も荒れ果てました。なんとか費用を工面し社を修理したいと思う神主に、悪徳商人がつけこみます。境内に十数本生えていた樹齢数百年の巨杉を二束三文で買い取り一儲けしようとしたのです。ところがいざ伐採しようとするとにわかに突風が巻き起こり、杉の梢が火を吹き始め、その火が神主の居宅に燃え移り全焼してしまいました。幸い梢は2、3本が焼けただけでしたが、この不思議を見た信徒たちは伐採中止を求め、老杉は難を逃れました。残念ながらその後、公害で老杉は枯れてしまい、今は1本も残っていません。<br><br>参考: 『館林・邑楽の民話と伝説』川島維知著</p></div></body></html>"
      }
    ]
  }
}
name는 열린 대화 상자의 제목으로 사용됩니다.url , html 등은 콘텐츠로 표시할 내용을 설정합니다.url 의 경우는, 대화상자에서 그 URL을 IFRAME 속에서 엽니다.html 의 경우, 그 HTML 기술을 IFRAME 안에서 엽니다.

동작의 느낌은 이런 느낌이 되지만, 버그를 찾아 버렸습니다.

첫째, 타테바야시성의 POI를 클릭하면 타테바야시성의 Wikipedia가 표시됩니다.
이어서 아타고 신사의 POI를 클릭하면 해당 콘텐츠가 표시됩니다.
거기서 타테바야시성으로 돌아오면... 타이틀은 타테바야시성인데, 왠지 아타고 신사의 컨텐츠인 채입니다.
뭐, 날마다 성장 중인 라이브러리이므로 이런 일도 있습니다.
이용해 문제가 있으면, 이슈를 리포트 받을 수 있으면 화교 빗방울 신속하게 대처합니다.
이번 이슈도 이미 사고 리포트했습니다. => 여기

자, 내일은 드디어 마지막 날.
다언어화 대응 같은 기술 재료를 또 하나 할까, 아니면 정리로서 문장 재료로 할까 고민하고 있습니다.
Maplat UI를 사용하면서 Maplat Core의 API 작업을 수행하는 방법
Carmen으로 지오코더 만들기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage