あちあち情報局

趣味や日曜プログラムなどを書いています

ユーザ用ツール

サイト用ツール

現在位置: トップページ » programs » Yahoo!Map API 地図の表示

サイドバー

メニュー

現在リニューアル中

トップページ

ブログ
コンテンツ
その他
連絡方法
関係者用
旧コンテンツは下部

旧コンテンツ

* ここは旧トップページ

タグ一覧

タグ#
3
1
1
5
3
3
1
1
1
5
2
3
2
1
3
3
12
3
9
5
1
1
4
15
12
4
1
3
3
1
2
1
1
1
1
4
29
8
2
4
3
1
1
8
1
1
1

PV : 2199742

programs:yolp_1

目次

Yahoo!Map API 地図の表示

DokuWiki に Yahoo! JavaScriptマップAPI の地図を表示します。

デモ

Webサービス by Yahoo! JAPAN

PR

サンプル

【アプリケーションID】の部分を各自で取得したIDに書き換えて、このコードを挿入して下さい。 

<HTML>
<div id="map" style="width:400px; height:300px"></div>
 
<script type="text/javascript" charset="utf-8" src="https://map.yahooapis.jp/js/V1/jsapi?appid=【アプリケーションID】"></script>
<script type="text/javascript">
window.onload = function(){
    var ymap = new Y.Map("map");
    ymap.drawMap(new Y.LatLng(35.66572, 139.73100), 17, Y.LayerSetId.NORMAL);
}
</script>
<!-- Begin Yahoo! JAPAN Web Services Attribution Snippet -->
<a href="https://developer.yahoo.co.jp/about">
<img src="https://s.yimg.jp/images/yjdn/yjdn_attbtn2_105_17.gif" width="105" height="17" title="Webサービス by Yahoo! JAPAN" alt="Webサービス by Yahoo! JAPAN" border="0" style="margin:15px 15px 15px 15px"></a>
<!-- End Yahoo! JAPAN Web Services Attribution Snippet -->
</HTML>

DokuWikiの標準テンプレートの場合、スタイルシートの影響で上記だけでは表示されません。html構文的に正しくないかもしれませんが下記コードを追加しmapのスタイルシートを標準状態にしてください。 

<HTML>
<style>
  #map img{max-width:none;}
</style>
</HTML>
programs/yolp_1.txt · 最終更新: 2018/03/30 22:27 by 管理者

ページ用ツール

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki