<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>map | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/map/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Mon, 16 Jan 2012 07:15:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>[iPhoneアプリ開発]Yahoo!JAPANのiOS Map SDKを使って地図を表示する方法</title>
		<link>https://blog.verygoodtown.com/2012/01/iphone_yahoo_ios_map_sdk_start/</link>
					<comments>https://blog.verygoodtown.com/2012/01/iphone_yahoo_ios_map_sdk_start/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 17 Jan 2012 01:00:14 +0000</pubDate>
				<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[map]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=7794</guid>

					<description><![CDATA[<p>Yahoo!JAPANが提供している地図をiPhoneアプリ内に組み込む処理を調べたので自分用にメモです。 手始めに、地図だけを表示するサンプルの作り方をご紹介します。 利用準備 まずは、必要なフレームワークをダウンロー [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2012/01/iphone_yahoo_ios_map_sdk_start/">[iPhoneアプリ開発]Yahoo!JAPANのiOS Map SDKを使って地図を表示する方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p>Yahoo!JAPANが提供している地図をiPhoneアプリ内に組み込む処理を調べたので自分用にメモです。</p>
<p>手始めに、地図だけを表示するサンプルの作り方をご紹介します。</p>
<h3>利用準備</h3>
<p>まずは、必要なフレームワークをダウンロードします。</p>
<p><span id="more-7794"></span></p>
<p>Yahooのデベロッパーネットワークから、YMapKitフレームワークをダウンロードします。<br />
<a href="http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/iphonesdk/" target="_blank">iOS Map SDK</a></p>
<p>同時に、アプリケーションIDを取得します。<br />
<a href="https://e.developer.yahoo.co.jp/dashboard/" target="_blank">Yahoo!デベロッパーネットワーク &#8211; アプリケーションの管理</a></p>
<p>※詳しくはYahooのデベロッパーネットワークのページが詳しいです。</p>
<p><a href="http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/iphonesdk/tutorial1.html" target="_blank">Yahoo!デベロッパーネットワーク &#8211; YOLP（地図）&nbsp;&#8211;&nbsp;iOS Map SDK&nbsp;&#8211;&nbsp;利用準備</a></p>
<h3>開発してみる</h3>
<p>まず、Single View Applicationを作成します。<br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2012/01/20110116-01.png" alt="20110116 01" title="20110116-01.png" border="0" width="499" height="338" /></p>
<p>最初に、YMapKitに必要な以下のフレームワークをプロジェクトに追加します。</p>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2012/01/20110116-02.png" alt="20110116 02" title="20110116-02.png" border="0" width="266" height="335" /></p>
<p>必要なのは、以下になります。</p>
<p>UIKit.framework<br />
SystemConfiguration.framework<br />
CoreGraphics.framework<br />
CoreLocation.framework<br />
Foundation.framework<br />
OpenGLES.framework<br />
QuartzCore.framework<br />
libxml2.2.dylib</p>
<h3>コードの編集</h3>
<p>ViewController.mにてライブラリを読み込む処理を追加します。</p>
<pre class="code">
#import &lt;YMapKit/YMapKit.h&gt;
</pre>
<p>次に、ViewDidLoadを以下の内容で上書きします。</p>
<pre class="code">

- (void)viewDidLoad {
    
    [super viewDidLoad];

    YMKMapView* ymapView = [[YMKMapView alloc] initWithFrame:CGRectMake(0, 100, 300, 300) appid:@"アプリケーションID" ];
    ymapView.mapType = YMKMapTypeStandard;
    CLLocationCoordinate2D coord = {.latitude =  35.178088, .longitude = 136.891022};
    YMKCoordinateSpan span = {.latitudeDelta =  0.02, .longitudeDelta =  0.02};
    YMKCoordinateRegion region = {coord,span};
    [ymapView setRegion:region];
    [self.view addSubview:ymapView];
    

    [ymapView release];
}
</pre>
<p>これだけで、設定完了です。簡単ですね。</p>
<h3>実機でテスト</h3>
<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2012/01/Screenshot-2012.01.16-16.10.07.png" alt="Screenshot 2012 01 16 16 10 07" title="Screenshot 2012.01.16 16.10.07.png" border="0" width="400" height="600" /></p>
<p>実機でテストする際には、最初だけ真っ黒な画面が出てきてましたが、<br />
2回目のビルドだと正常に動作しました。</p>
<p>ソースコードは以下のサイトを参考にさせていただきました。感謝。<br />
<a href="http://www.nilab.info/z3/20110915_03.html" target="_blank">YMapKit を使って iPhone に 地図を表示するシンプルなサンプル (2011-09-15)</a></p>
<p>以上、iOS Map SDKを使って地図を表示する方法でした。</p>The post <a href="https://blog.verygoodtown.com/2012/01/iphone_yahoo_ios_map_sdk_start/">[iPhoneアプリ開発]Yahoo!JAPANのiOS Map SDKを使って地図を表示する方法</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2012/01/iphone_yahoo_ios_map_sdk_start/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7794</post-id>	</item>
		<item>
		<title>自由にカスタマイズ可能な地図ライブラリ「Polymaps」</title>
		<link>https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/</link>
					<comments>https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 24 Aug 2010 00:33:51 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[BSD License]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[svg]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4866</guid>

					<description><![CDATA[<p>「Polymaps」はタイル画像とSVGとJavaScriptを使って作られた地図表示用のライブラリです。 お手軽に地図を載せたい場合にはGoogleマップの方が良いかと思いますが、 もっと凝った地図にしたい場合に良さそ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/">自由にカスタマイズ可能な地図ライブラリ「Polymaps」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-05.jpg" alt="20100821-05" title="20100821-05" width="600" height="242" class="alignnone size-full wp-image-4872" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-05.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-05-300x121.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>「<a href="http://polymaps.org/" target="_blank">Polymaps</a>」は<strong>タイル画像とSVGとJavaScript</strong>を使って作られた地図表示用のライブラリです。</p>
<p>お手軽に地図を載せたい場合にはGoogleマップの方が良いかと思いますが、<br />
もっと凝った地図にしたい場合に良さそうです。</p>
<p>一部データは欧米でしか使用できないようですが、面白そうなライブラリなのでご紹介。</p>
<p>詳しくは以下<br />
<span id="more-4866"></span></p>
<h3>地図のサンプル</h3>
<p>サンプルにあったものをいくつかご紹介。<br />
<strong>■ 真夜中の地図</strong></p>
<p><a href="http://polymaps.org/ex/midnight-commander.html#16.00/35.6905/-220.3001" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-02.jpg" alt="20100821-02" title="20100821-02" width="438" height="215" class="alignnone size-full wp-image-4869" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-02.jpg 438w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-02-300x147.jpg 300w" sizes="(max-width: 438px) 100vw, 438px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://polymaps.org/ex/midnight-commander.html#16.00/35.6905/-220.3001">デモ</a></p>
<p><strong>■ インターネット使用率</strong></p>
<p><a href="http://polymaps.org/ex/world.html" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-03.jpg" alt="20100821-03" title="20100821-03" width="437" height="185" class="alignnone size-full wp-image-4870" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-03.jpg 437w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-03-300x127.jpg 300w" sizes="(max-width: 437px) 100vw, 437px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://polymaps.org/ex/world.html">デモ</a></p>
<p><strong>■ Flickrの使用率</strong></p>
<p><a href="http://polymaps.org/ex/flickr.html" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-04.jpg" alt="20100821-04" title="20100821-04" width="438" height="228" class="alignnone size-full wp-image-4871" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-04.jpg 438w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/08/20100821-04-300x156.jpg 300w" sizes="(max-width: 438px) 100vw, 438px" /></a></p>
<p><a class="comments_l" target="_blank" href="http://polymaps.org/ex/flickr.html">デモ</a></p>
<p>実装コードもシンプルに設置可能になっています。</p>
<pre class="brush:js;">
var po = org.polymaps;

var map = po.map()
    .container(document.getElementById("map").appendChild(po.svg("svg")))
    .add(po.interact())
    .add(po.hash());

map.add(po.image()
    .url(po.url("http://{S}tile.cloudmade.com"
    + "/1a1b06b230af4efdbb989ea99e9841af" // http://cloudmade.com/register
    + "/998/256/{Z}/{X}/{Y}.png")
    .hosts(["a.", "b.", "c.", ""])));

map.add(po.compass()
    .pan("none"));
</pre>
<p>APIの利用にはデベロッパ用のアカウントを発行してもらう必要がありました。<br />
<a target="_blank" href="http://cloudmade.com/register">アカウントの登録</a></p>
<p>動作ブラウザはSafari、Chrome、Firefoxとの事。<br />
OperaとIE9ではテストされていないようです。</p>The post <a href="https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/">自由にカスタマイズ可能な地図ライブラリ「Polymaps」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/08/cutom-map-library-polymaps/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4866</post-id>	</item>
	</channel>
</rss>
