deezus blog

.Net Core、Typescriptを中心に技術的ノウハウを公開しています

gis

Mapbox-glで地図を画像にする際に注意すべき点

はじめに mapbox-glで表示した地図を印刷用に画像ファイルにする必要がありました let image = map.getCanvas().toDataURL(); 上記コードでcanvasからdataurlを取得できるかと思いました が、結果は失敗 。。。 白紙の画像が出来ただけでした preserveDrawin…

google mapへのリンクURLで経路を表示する

はじめに google mapはURLにパラメータを付与することで、ある地点からある地点までの経路を表示させることができます 指定例 https://www.google.com/maps/dir/?api=1&origin=[from]&destination=[to] [from]と[to]に様々なものが指定できます 地点名で指定…

SQLServerのgeography型をポリゴンで検索する場合は左回りである必要があります

はじめに SQLServerのgeography型をポリゴンで空間検索する際、座標が左回りでなければうまく検索できません NetTopologySuiteを使用し、座標を左回り(時計回り)に修正する方法です SQL geography型のlocationを持つ、customersテーブルを空間検索するとしま…

Mapbox GL JSの基本的な使い方

はじめに 以前ご紹介したleafle同様、独自に地図を構築できるMapbox GL JSの基本的な使い方のご紹介です 今回はWebpack+Typescript+scssで作成します blog.deezus.net パッケージインストール まずは必要なパッケージをインストールします npm install mapbo…

leafletの基本的な使い方

はじめに Google マップのような地図を独自に構築できるleafletの基本的な使い方をご紹介します とりあえず地図を表示する 下記の例ではOpenStreetMapを使用し、東京駅周辺を表示するサンプルです <html lang="jp"> <head> <meta charset="UTF-8"> <title>leaflet</title> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" /> </link></meta></head></html>

EntityFrameworkCoreでSQLServerの空間情報を扱う方法

はじめに SQLServerでGeography型のカラムを扱う方法です 必要なパッケージ Microsoft.EntityFrameworkCore.SqlServer.NetTopologySuite テーブル構造 例として店舗の座標を保存するだけのテーブルとします create table stores ( id int identity constrain…