プロが教えるわが家の防犯対策術!

http://maps.google.co.jp/maps/ms?msa=0&msid=2086 …

上記の様な情報を持ったgoogleマップ( KMLと言う形式で情報が埋め込んであるそうです)に

下記、googleマップ上に指定した半径内を塗りつぶし表示できるサービスなのですが
http://www.nanchatte.com/map/circleService.html

両者を合成表示したいです。

技術上可能な気はするのですが、とっかかりが掴めません。
分かる方、解説お願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

それぞれのページで KML ファイルをPCに保管し、


 http://www.cpslabo.com/tools/view_kml.html
のページで表示させてやれば、見られます。
「Delete ALL」 ボタンを押さなければ、両方ひとつの地図に表示されます。
Chrome を使えば、ファイルを直接選択できますが、そのほかのブラウザではKML ファイルの内容をテキストエリアに貼り付けてください。
    • good
    • 0

http://www.nanchatte.com/map/circleService.html
のページ下部に[KMLを取得する] ボタンがありますので、
それをクリックするとKMLが表示されます。

内容をコピーして、circle.kml としてテキストファイル形式で保存します。
そのときに
「<!-- This data was generated at http://www.nanchatte.com/map/circleService.html -->」
の1行を削除してください。
Google マップに読み込むときに、上手く認識できません。


Googleマップ(http://maps.google.co.jp/maps) を開き
[マイプレイス]ボタンを押します。
これで自分で地図が作成できるモードになるので、
[地図を作成] → [インポート] → circle.kml を選択 → [アップロード]
で表示可能でした。
    • good
    • 0

解説できるほどわかってませんが、




基本的な機能はgoogleが開発して公開してくれているものを利用しています。
(マーカーを表示する。インフォメーションを表示。図形を表示などなど)

処理する内容を制御しているのはjavascriptで、それに対するAPIが公開されていますのでその辺がとっかかりかと。
http://code.google.com/intl/ja/apis/maps/documen …

てっとり早くどんなことができるのかみるのなら、利用サンプルを
<本家のサンプルページ>
http://code.google.com/intl/ja/apis/maps/documen …

<他のものと組み合わせたりしている方のサイト>
http://japonyol.net/editor/googlemaps.html
http://japonyol.net/editor/archives/google/
(ちょっと古いかも)
http://www.openspc2.org/reibun/Google/Maps/API/


学習するのであれば
http://code.google.com/intl/ja/apis/maps/documen …

調べるのなら
http://code.google.com/intl/ja/apis/maps/documen …


それ以前であるなら、まずjavascriptを
http://www.bing.com/search?srch=105&FORM=AS5&q=j …
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qgoogleマップを半径表示させるには?

Googleマップで新宿駅から半径2キロを表示させたいんですけどどうすればいいですか?

Aベストアンサー

#1です。
この3つはすでに知っていた?
それを最初に書いてください。

http://www.benricho.org/map_circleLine/
はどうですか?
コマンドパネルが邪魔ですが、表示の範囲は広がります。

QGoogle マップに同心円と文字を入れたい

ホームページ上のフレームに、Google マップのある地点を中心に、1km/3km/5km/10kmなどの同心円(半透明で外側ライン)とその距離の表示をしようとしています。
クリックで動かさず、同心円と表示は固定です。
お店からの距離になります。

同心円は、以下のページを見て書き込めました。
http://www.nanchatte.com/map/circle-v3.html

しかし、1kmならばその円の近くに「1km」と表示する方法がわかりません。
どなたか、教えてください。

Googleマップの「立て札」の入れ方は情報が得られますが、
それではなく単に「1km」などの文字を入れたいだけです。
Googleマップの縮尺を変えても文字は読めることが、前提となります。

簡単なことで、聞いているとしたら申し訳ありません。
Java系は初心者です。

Aベストアンサー

よく知りませんので、他にも方法があると思いますが、とりあえずそれっぽいものを。


1)普通に文字を入れるのなら、infoWindowが用意されています。
http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html#InfoWindow
これだとユーザがクローズできたりするので…

2)makerを利用して、文字(=画像)を入れている例
http://www.tizdes.net/test_tile02.php?v=0.1

3)カスタムOverlayViewを利用して、文字を入れている例
http://www.mwsoft.jp/programming/googlemap/google_map_v3_custom_overlay.html

QGoogle マップにマーカーと同心円を入れたい

2回目の質問です。前回の掲載期間で、解決できなかったため。
超初心者的質問ですが、教えてください。

Google マップのある地点を中心に、
マーカーと1km/5km/10kmなどの同心円(半透明で外側ライン)の2種を表示をしようとしています。
おのおの単独で表示することは、例がありわかりましたが、
その2つを同時に表示するために、scriptを変更するのがわかりません。

1. マーカーを表示するscript

<script src="http://maps.google.com/maps?file=api&v=2&key=[あなたのAPIキー]" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {

//地図を作成
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng( 緯度 , 経度 ), 地図サイズ );

//マーカーを追加(国会議事堂)
var marker = new GMarker(new GLatLng( 緯度 , 経度 ));
map.addOverlay(marker);

}
}

//]]>
</script>

2. 同心円を表示するscript

<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>

<div id='map' style='width:700px; height:400px;'><br /></div>
<script type="text/javascript">
var myLatLng = new google.maps.LatLng( 緯度 , 経度 );
var myMap = new google.maps.Map(document.getElementById('map'), {
zoom: 地図サイズ,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true,
scrollwheel: false
});
new google.maps.Circle({
center: myLatLng, // 中心点(google.maps.LatLng)
fillColor: '#ff0000', // 塗りつぶし色
fillOpacity: 0.5, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明)
map: myMap, // 表示させる地図(google.maps.Map)
radius: 95330, // 半径(m)
strokeColor: '#ff0000', // 外周色
strokeOpacity: 1, // 外周透過度(0: 透明 ⇔ 1:不透明)
strokeWeight: 1 // 外周太さ(ピクセル)
});
</script>

この2ヶのscriptをどのようにつなげば、解決できるか教えてください。
JavaScriptの基本知識不足のため、書いていただければ助かります。

2回目の質問です。前回の掲載期間で、解決できなかったため。
超初心者的質問ですが、教えてください。

Google マップのある地点を中心に、
マーカーと1km/5km/10kmなどの同心円(半透明で外側ライン)の2種を表示をしようとしています。
おのおの単独で表示することは、例がありわかりましたが、
その2つを同時に表示するために、scriptを変更するのがわかりません。

1. マーカーを表示するscript

<script src="http://maps.google.com/maps?file=api&v=2&key=[あなたのAPIキー]" type="text/javascript"></s...続きを読む

Aベストアンサー

#1です。

>間に埋め込んだら、google.~が定義されていませんと出ます。
>最初の方に必要な記述があるのでしょうか?
goggle map の本体の読み込みは必須です。(goggle mapを利用するのですから)
参照されている例のどちらにもある(内容は少し違いますが)外部ファイルを読み込んでいる部分が必要です。

以下テストした全ソース。
* この回答欄ではhtt~が自動リンクになってしまうので、http→httpに
* 画像のアドレスは適当なものに変更してください
そのまま実行すれば、添付画像のような表示になるはず。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>sample</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
</head>

<body>
<div id='map' style='width:700px; height:400px;'></div>

<script type="text/javascript">
<!--
var myLatLng = new google.maps.LatLng(35.684594,139.75311);

//地図を表示
var myMap = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true,
scrollwheel: false
});

//円を3個表示
var i, data = [
[5000, 0.1],
[2500, 0],
[500, 0]
];
for(i=0; i<data.length; i++){
new google.maps.Circle({
center: myLatLng,
radius: data[i][0],
fillColor: '#ff0000',
fillOpacity: data[i][1],
map: myMap,
strokeColor: '#ff0000',
strokeOpacity: 1,
strokeWeight: 1
});
}

//マーカーを表示
var markerImage = 'icon1.gif';
var marker = new google.maps.Marker({
position: myLatLng,
map: myMap,
icon: markerImage
});

//-->
</script>
</body>
</html>

#1です。

>間に埋め込んだら、google.~が定義されていませんと出ます。
>最初の方に必要な記述があるのでしょうか?
goggle map の本体の読み込みは必須です。(goggle mapを利用するのですから)
参照されている例のどちらにもある(内容は少し違いますが)外部ファイルを読み込んでいる部分が必要です。

以下テストした全ソース。
* この回答欄ではhtt~が自動リンクになってしまうので、http→httpに
* 画像のアドレスは適当なものに変更してください
そのまま実行すれば、添付画像のような表示になるはず...続きを読む

Qエクセル 数値だけ抽出するには?

エクセルで、文字列+スペース+数字と入力されているセルから数値だけ取り出す方法を教えていただけますか?
文字列とスペースの字数は一定で、数値の桁数は6-8桁と変動します。
A列からb列のように変換したいのです。

A列          B列
PMID:_12345678    12345678
PMID:_123456     123456

宜しくお願いいたします。

Aベストアンサー

B1に
VALUE(REPLACE(A1,1,6,""))
でよいでしょう.

数値の桁数には依存しません.

Qエクセルで重複しているデータの抽出のしかたを教えてください。

エクセルで重複しているデータを抽出したいのですが・・。なにぶん初心者なもので簡単な方法があればよいのですが・・。
A列に日付 B列に企業名このデータが300件ほどあります。

 Å列      B列
1月 1日    AAAA社
1月 4日   BBBB社
1月 8日   CCCC社
2月 1日   BBBB社
2月20日    DDDD社
3月 2日   AAAA社

と、あるとしてB列の企業名が重複しているものを抽出したいのですが・・・。この場合 AAAA社とBBBB社ですが。
これを簡単に抽出する方法はないでしょうか?
教えてください お願いいたします。

Aベストアンサー

企業名がセルB2からセルB300まで入力されていると仮定します。
セルC2に IF(COUNTIF($B$2:B2,B2)>1,"*","") を入力し、セルC300までコピーして下さい。すると重複したデータの二番目以降に "*" のマークが付きます。
(注) 数式を下のセルまでコピーするため、COUNTIF($B$2 は絶対参照にして下さい。

Qエクセルのデータグループ化の際に貼り付けた図だけ一緒に折りたたんでくれません!

エクセルの行(または列)をグループ化して折りたたむ作業をしたいのですが、
visioで作成した図を貼り付けていると、
データのグループ化をすると、行自体はグループ化できて折りたたんでくれるのですが、
図だけが取り残されて折りたたまれた行の上に残されたままになってしまいます。

この図が一緒におりたたまってくれるようにするにはどうしたらいいですか?


オートシェイプから作った吹き出しなどはデータ行と一緒に折りたたまってくれているので、ある種類の図のみの現象だとおもいます。


図の保存形式をgifにしたらいい、メタにしたらいいなど対策があったら教えてください!

Aベストアンサー

図を選択し右クリック>図の書式設定>プロパティ
から「セルに合わせて移動やサイズ変更をする」にすれば
大丈夫だと思います。

QSUMIFS関数でOR条件を使いたい場合の関数

Excel2010を使用しています。
家計簿を作成しているのですが、SUMIFS関数でOR条件を使用したい場合どのように書けばよいでしょうか。

図は、明細と合計欄です。
ピンクのセルが円、それ以外はドルです。
合計欄のように、円とドルをそれぞれ分けて項目毎の合計額を出したいです。
セルE21のように、円の場合は「MUFJ」「ゆうちょ」ですので、MUFJとゆうちょのSUMIFS関数合計値を足しています。
これを、1行にまとめたいのですが、適切な関数はないでしょうか?
SUMIFSではOR条件が使えないようですので・・・・・・

明細行に円・ドルの列を追加すれば簡単なのですが、明細行の列はこれ以上増やしたくないので、できれば数式のほうで処理できればと思っています。

よろしくお願いいたします。

Aベストアンサー

例示のデータなら以下のような数式になります。

=SUM(SUMIFS($C$2:$C$14,$D$2:$D$14,{"MUFJ","ゆうちょ"},$B$2:$B$14,B21))


人気Q&Aランキング