3月 2019

【Swift4.0】MKMapViewでピンを画像に変えてみた

sohnishi2019年3月11日Swift, 未分類

こんにちは　sohnishi　です。今回はMKMapViewでピンを表示させ、デフォルトのピンを画像に変えてみたいと思います。

func setMapPin(latitude: CLLocationDegrees, longitude: CLLocationDegrees) {
        
        // pin生成
        let pin = MKPointAnnotation()
        
        // 位置情報
        let coordinate: CLLocationCoordinate2D = CLLocationCoordinate2DMake(latitude,longitude)
        
        // pinに位置情報を渡す
        pin.coordinate = coordinate
        
        //pinを立てる
        mapView.addAnnotation(pin)
    }

    //addAnnotationした際に呼ばれるデリゲートメソッド
    func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
        let identifier = "pin"
        var annotationView: MKAnnotationView!

        if annotationView == nil {
            annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: identifier)
        }

        // pinに表示する画像を指定
        annotationView.image = UIImage(named: " hoge_pin_img")!
        annotationView.annotation = annotation
        annotationView.canShowCallout = true

        return annotationView
    }

func setMapPin(latitude: CLLocationDegrees, longitude: CLLocationDegrees) {

// pin生成

let pin = MKPointAnnotation()

// 位置情報

let coordinate: CLLocationCoordinate2D = CLLocationCoordinate2DMake(latitude,longitude)

// pinに位置情報を渡す

pin.coordinate = coordinate

//pinを立てる

mapView.addAnnotation(pin)

}

//addAnnotationした際に呼ばれるデリゲートメソッド

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {

let identifier = "pin"

var annotationView: MKAnnotationView!

if annotationView == nil {

annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: identifier)

}

// pinに表示する画像を指定

annotationView.image = UIImage(named: " hoge_pin_img")!

annotationView.annotation = annotation

annotationView.canShowCallout = true

return annotationView

}

以上です。まずは、指定…続きを読む

SQLite3について

t.tanizaki2019年3月11日Python

今回は、Pythonに付属している軽量なRDBMSの「SQLite3」を使用してみたいと思います。簡単にですが「SQLite3」とは、・著作権を放棄しパブリックドメインに帰している・サーバではなくライブラリ・手軽…続きを読む

AWS X-Rayのご紹介

s.ueda2019年3月7日AWS

こんにちは。AWS X-Rayを仕事でお試し使用したのでご紹介したいと思います。 AWS X-Ray AWS X-Rayはアプリケーションのパフォーマンスや動作をモニタリングできるサービスになります。AWS…続きを読む

「Vue.js」について

a.tsukada2019年3月6日プログラミング

今回はある方と話をしていて話題に出てきた「Vue.js」について記載していきたいと思います。「Vue.js」とは？ JavaScriptフレームワーク。（現在、人気急上昇中だとか）シンプルで柔軟性が高い。何度か使用…続きを読む

AWS S3でhtmlページを公開 BASIC認証

t.inoue2019年3月5日AWS

AWS S3でhtmlページを公開の続きです。テスト中などでS3のページにBASIC認証かけれないかなと調べてみたらあったのでやってみました。 S3のバケットポリシーで公開の制限ができるため、使用することはほとんどな…続きを読む

Laravelをデプロイしよう Envoyで

r.tanaka2019年3月1日Laravel, PHP

どうもこんにちは Laravelでの開発プロジェクト参画中。このプロジェクトでの、Staging環境やProduction環境へのデプロイ自体はまだまだ先の話なのですが、ちっとくらいは考えておいた方が良いかな、と思…続きを読む

【Swift】ios-chartsを使ってみた

sohnishi2019年3月1日未分類

こんにちは sohnishi です。今回はSwiftのチャートライブラリ【ios-charts】を使ってみたいと思います。 ios-charts

import UIKit
import Charts

class ViewController: UIViewController {

    // チャート
    var chartView: LineChartView!
    // チャートデータ
    var lineDataSet: LineChartDataSet!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // y軸のプロットデータ(検証用)
        let plotDatas = [55.0, 100.0, 80.0, 100.0, 45.0]
        initDisplay(y: plotDatas)
    }
    
    func initDisplay(y: [Double]) {
        
        
        self.chartView = LineChartView(frame: CGRect(x: 0, y: (self.view.frame.height / 2) - 200, width: self.view.frame.width, height: 400))

        // プロットデータ(y軸)を保持する配列
        var dataEntries = [ChartDataEntry]()
        
        for (i, val) in y.enumerated() {
            let dataEntry = ChartDataEntry(x: Double(i), y: val) // X軸データは、0,1,2,...
            dataEntries.append(dataEntry)
        }
        
        lineDataSet = LineChartDataSet(entries: dataEntries, label: "")
        chartView.data = LineChartData(dataSet: lineDataSet)
        
        // x軸のラベルをボトムに表示
        chartView.xAxis.labelPosition = .bottom
        // x軸のラベル数をデータの数に設定
        chartView.xAxis.labelCount = dataEntries.count - 1
        // タップでプロットを選択できないようにする
        chartView.highlightPerTapEnabled = false
        chartView.leftAxis.axisMaximum = 100 //y左軸最大値
        chartView.leftAxis.axisMinimum = 0 //y左軸最小値
        chartView.leftAxis.labelCount = 5 //y軸ラベルの表示数
        chartView.leftAxis.drawTopYLabelEntryEnabled = true // y軸の最大値のみ表示
        chartView.leftAxis.forceLabelsEnabled = true //最小最大値ラベルを必ず表示?
        chartView.rightAxis.enabled = false // Y軸右軸(値)を非表示
        chartView.extraTopOffset = 25 // 上から20pxオフセット
        chartView.legend.enabled = false // 左下のラベル非表示
        chartView.pinchZoomEnabled = false // ピンチズームオフ
        chartView.doubleTapToZoomEnabled = false // ダブルタップズームオフ
        // グラフアニメーション
        chartView.animate(xAxisDuration: 1.0, yAxisDuration: 1.0)
        // グラフの色
        lineDataSet.colors = [UIColor.green]
        // プロットの色
        lineDataSet.circleColors = [UIColor.red]
        // プロットの大きさ
        lineDataSet.circleRadius = 5.0

        // 描画
        self.view.addSubview(self.chartView)
        
    }
    
}

import UIKit

import Charts

class ViewController: UIViewController {

// チャート

var chartView: LineChartView!

// チャートデータ

var lineDataSet: LineChartDataSet!

override func viewDidLoad() {

super.viewDidLoad()

// y軸のプロットデータ(検証用)

let plotDatas = [55.0, 100.0, 80.0, 100.0, 45.0]

initDisplay(y: plotDatas)

}

func initDisplay(y: [Double]) {

self.chartView = LineChartView(frame: CGRect(x: 0, y: (self.view.frame.height / 2) - 200, width: self.view.frame.width, height: 400))

// プロットデータ(y軸)を保持する配列

var dataEntries = [ChartDataEntry]()

for (i, val) in y.enumerated() {

let dataEntry = ChartDataEntry(x: Double(i), y: val) // X軸データは、0,1,2,...

dataEntries.append(dataEntry)

}

lineDataSet = LineChartDataSet(entries: dataEntries, label: "")

chartView.data = LineChartData(dataSet: lineDataSet)

// x軸のラベルをボトムに表示

chartView.xAxis.labelPosition = .bottom

// x軸のラベル数をデータの数に設定

chartView.xAxis.labelCount = dataEntries.count - 1

// タップでプロットを選択できないようにする

chartView.highlightPerTapEnabled = false

chartView.leftAxis.axisMaximum = 100 //y左軸最大値

chartView.leftAxis.axisMinimum = 0 //y左軸最小値

chartView.leftAxis.labelCount = 5 //y軸ラベルの表示数

chartView.leftAxis.drawTopYLabelEntryEnabled = true // y軸の最大値のみ表示

chartView.leftAxis.forceLabelsEnabled = true //最小最大値ラベルを必ず表示?

chartView.rightAxis.enabled = false // Y軸右軸(値)を非表示

chartView.extraTopOffset = 25 // 上から20pxオフセット

chartView.legend.enabled = false // 左下のラベル非表示

chartView.pinchZoomEnabled = false // ピンチズームオフ

chartView.doubleTapToZoomEnabled = false // ダブルタップズームオフ

// グラフアニメーション

chartView.animate(xAxisDuration: 1.0, yAxisDuration: 1.0)

// グラフの色

lineDataSet.colors = [UIColor.green]

// プロットの色

lineDataSet.circleColors = [UIColor.red]

// プロットの大きさ

lineDataSet.circleRadius = 5.0

// 描画

self.view.addSubview(self.chartView)

}

簡単に…続きを読む