カテゴリー
SugiBlog ホームページ制作・システム開発|大阪

GoogleMapにGeoJsonデータを読み込んで表示する

GoogleMapに図形等を描画するのに非常に便利な方法がありました。

//GoogleMapインスタンスを生成(v3)
map = new google.maps.Map(document.getElementById("map"), { center: new google.maps.LatLng(35.6585809608813, 139.74543258547783) } );

// GeoJsonを読み込む
map.data.loadGeoJson('sample.geojson');

// スタイルを設定
map.data.setStyle(function(feature) {

    var myStyle = {
        fillColor: "#9AD2AE",
        fillOpacity: 0.5,
        strokeColor: "#1EB26A",
        strokeOpacity: 0.8,
        strokeWeight: 2,
        clickable: true,
        visible: true,
        zIndex: 1
    };

    return (myStyle);

});

sample.geojsonの内容

{
"type": "FeatureCollection",
"name": "sample",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "name": "サンプル1" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 139.74472479682004, 35.659171090464596 ], [ 139.74610447883606, 35.659171090464596 ], [ 139.74610447883606, 35.65809388391181 ], [ 139.74472479682004, 35.65809388391181 ], [ 139.74472479682004, 35.659171090464596 ] ] ] } }
]
}

今回はポリゴンのみですが、他にポイントやポリラインもGeoJsonで読み込み可能です。
GeoJsonは統一された規格なので汎用性があり便利です。

この記事がお役に立ちましたらシェアお願いします

237 views

Outlookで検索が出来なくなったとき

Outlook2013でアーカイブした個人用PSTからメールが検索出来ないという事例がありました。

インデックスを再作成してみましたが、復活しないので復旧作業を行いました。

Outlook 個人用フォルダー ファイル (.pst) を修復する方法
こちらのページで「受信トレイ修復ツールを自動で起動する」をクリックし詳細を表示させます。
「Microsoft Outlook 2013 以降の受信トレイ修復ツールを起動する」というリンクをクリックすると、「microsofteasyfix20101.mini.diagcab」というファイルがダウンロードされます。

これ(簡易修復ツール)を実行することで受信トレイ修復ツールが起動します。
起動したら参照ボタンで修復したいPSTファイルを選択し[開始]をクリックして修復します。

この記事がお役に立ちましたらシェアお願いします

254 views

GoogleMaps 数字アイコンを表示する

targetPoint = new google.maps.LatLng(lat, lng);

markerOptions.map = map;
markerOptions.position = targetPoint;
markerOptions.icon = makeNumIcon(1, 'ff7e73');

var marker = new google.maps.Marker(markerOptions);

//ラベル位置の調整(x, y)
marker.icon.labelOrigin = new google.maps.Point(9, 0);

//ラベルを設定
marker.setOptions({label:{text: '1',color: '#000',fontSize: '20px'}});

marker.setMap(map);


// 数字アイコン作成
//{
    makeNumIcon = function(n, color)
    {
        var icon_color = color || 'ff7e73'; //カラーが指定されなかった場合はデフォルトのカラー

        //文字ありのピン
        //var icon = new google.maps.MarkerImage('//chart.apis.google.com/chart?chst=d_map_pin_letter&chld='+ n + '|' + icon_color + '|000000');

        //文字ありのピン(フォントサイズ等指定)
        //var icon = new google.maps.MarkerImage('//chart.apis.google.com/chart?chst=d_map_spin&chld=0.8|0|' + icon_color + '|16|b|'+ n);

        //文字なしのピン
        var icon = new google.maps.MarkerImage('//chart.apis.google.com/chart?chst=d_map_spin&chld=0.5|0|' + icon_color + '|16|b|');

        return icon;
    }
//}

この記事がお役に立ちましたらシェアお願いします

259 views

Hotmailのアカウントをスマホで使う時の注意点

Hotmailのアカウントを作成して、それをスマホで利用することが出来ます。
ただし、アカウントを作成しただけですぐにスマホで使おうとすると、受信は出来ても送信が出来ません。

その場合は、一度パソコンでサインインし、アカウントの確認をしないといけません。
SMSでセキュリティコードのやり取りをして確認することになります。
それが完了するとスマホからでもメールが送信出来るようになります。

この記事がお役に立ちましたらシェアお願いします

469 views

ネットワーク上のファイル操作でセキュリティ警告

ファイルサーバー等のファイルを整理するために移動したり、
ファイルサーバーからファイルをコピーしようとしたりすると
Windows セキュリティ警告というダイアログが表示されることがあります。

[OK]をクリックすれば操作できるのですが、
社内のネットワーク内なのに、いちいち聞かれるのは面倒だ…。
そんな時の対処法です。

まずInternet Explorerを開きます。
続きを読む…»

この記事がお役に立ちましたらシェアお願いします

264 views