Skip to content
Create Live House Map where club with live music is and more infomations in Sapporo
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LiveHouseMap Add Server side program in PHP Jul 15, 2019
src/front
README.md
SampleMap.html
SampleMap.js
sketch.svg

README.md

ライブハウスマップを作成する(Create Live House Map)

使用する技術

  1. CSSを使用する方法

実現する内容

【English】

  1. Create Live House Map where club with live music is and more infomations in Sapporo

【日本語】

  1. 札幌周辺のライブハウス、イベントスペースの情報をGoogleMapに表示する。

specification

  1. You can add data from the screen by tapping
  2. You can add data from the screen by tapping
  3. Only login users can add live house information from the screen
  4. There is no login processing in the sample creation status (2019-06-29-)
  5. Add data to DB -> KML output-> Display overlay with loading KML
    load JSON, view overlays on google map.
  6. Multilingualizationed site

DB

Using Mysql,

  1. Area master table(AREA_MST) Created
  2. over lay info table(OVERLAY_INFO)
  3. User table【WordPress】

How to implement

Plan to implementation as follow

  • PHP: Create overlay info and manage user.
  • Google Maps API: Create map.
  • HTML5: Visualization.

Screen image

see lower.

Design

  1. Select data from DBRead KML file at initial display, create overlay and display
  2. Operate with the action button at the bottom of the screen
  • The area of this action button can slide sideways
  1. An overlay button can be prepared on the action button to add an overlay on the screen
  • Output KML file when adding a button.

仕様

  1. DBに登録したデータをKMLファイルJSONファイルを読み込み、マップにオーバーレイを表示する
  2. 画面をタップしてオーバーレイを作成、追加する
  3. ログインユーザーのみオーバーレイを作成できる
  4. 現状は、ログインユーザー出なくとも画面にオーバーレイを作成できる
  5. JSONファイルの出力
    データの登録 -> KMLファイル出力 -> KMLロードして画面に表示
  6. 多言語化対応を行う (Japanese and English)

DB

Mysqlに作成するテーブル

  1. エリアマスタ (AREA_MST) 作成済み
  2. 地域情報 (AREA_INFO)
  3. ユーザー管理 【WordPress】

実装方法

実装計画

  • PHP: 地域情報の管理、情報を追加するユーザーの管理
  • Google Maps API: 地図の作成
  • HTML5: 可視化

画面のイメージ

サンプルイメージ

設計

  1. 初期表示時に、DBからデータKMLファイルを読み込みオーバーレイを作成し表示する
  2. 画面の下部にあるアクションボタンで操作する
  • このアクションボタンの領域はスライドして横にずらすことができる
  1. アクションボタンに地域情報追加ボタンを用意して画面上にオーバーレイを追加することができる

=== 参考リンク ===

サーバー情報(Server Info)

使用可能プログラム バージョン
PHP 5.6.30 (モジュール版)
mysql 5.5.36
zip(command)
unzip(command)
gcc 4.1.2
cgi
  • メールサーバーあり(Mail server)
You can’t perform that action at this time.