1 of 13

勝又雅史

地図SDKのjQueryを目指す

MapConductorの紹介

地図アプリを

もっと簡単に

作れるようにしたい

2 of 13

<<02:00-+>>

3 of 13

代表的な地図SDK

MapLibre

<<00:20-+>>

4 of 13

世界的に、こんな感じ。

<<00:20-+>>

5 of 13

<<00:15-+>>

6 of 13

カメラ

一般的な地図SDK

ArcGIS 地図SDK

自由の女神像が

吹っ飛んでいった！

<<00:15-+>>

7 of 13

val geoPoint = GeoPoint(� latitude = ....,� longitude = ....,�)

val camera = MapCameraPosition(� position = geoPoint,� tilt = 70.0,� zoom = 18.0,� durationMs = 3000,�)�moveCameraTo(camera)

カメラ

Map

Conductor�

Core

SDK

各社

地図SDK

アダプター

各社

地図SDK

アダプター

共通構文の裏側で、実装の違いを吸収

<<00:30-+>>

8 of 13

@Composable

fun MyMap(markers: List<MarkerState>) {

MapView(...) {

markers.forEach { markerState ->

Marker(markerState)

}

struct MyMap: View {

var markers: [MarkerState] = []

init(markers: [MarkerState]) {

self.markers = markers

}

var body: some View {�

MapView(...) {

for markerState in self.markers {

Marker(state: markerState)

}

}�

}

Android / Jetpack Compose

iOS / SwiftUI

<<00:20-+>>

9 of 13

色やラベルの変更

スケールの変更

機能付きアイコン

Drawableアイコン

Marker

<<00:15-+>>

10 of 13

InfoBubble

Jetpack Compose / SwiftUI で書ける！
デザインの自由度が高い！
地図の移動に合わせて、位置を再計算
ボタンをクリックなどもできる

<<00:15-+>>

11 of 13

<<00:15-+>>

12 of 13

<<00:15-+>>

13 of 13

MapConductor

https://mapconductor.com

よかったら「MapConductor面白い！」と、SNSで呟いてください！