Monacaの地図(Yahoo Map)上にアイコン(マーカー)を表示する
※Yahoo Mapの表示に関しては、ここを参考にして下さい。
<作成手順概要>
1.アイコンを表示する緯度・経度を指定してMarkerをNewする
2.アイコンを地図に登録する<作成手順詳細>
1.アイコンを表示する緯度・経度を指定してMarkerをNewする
var marker = new Y.Marker(new Y.LatLng(35.66582,139.73110));
2.アイコンを地図に登録する
ymap.addFeature(marker);
index.html 全体
<!DOCTYPE html> <html> <head> <script type="text/javascript" charset="utf-8" src="http://js.api.olp.yahooapis.jp/OpenLocalPlatform/V1/jsapi?appid=アプリケーションID"> </script> <script type="text/javascript"> function init(){ var ymap = new Y.Map("map"); ymap.drawMap(new Y.LatLng(35.66572, 139.73100), 17, Y.LayerSetId.NORMAL); var marker = new Y.Marker(new Y.LatLng(35.66582,139.73110)); ymap.addFeature(marker); } </script> </head> <body onload="init()"> <div id="map" style="width:300px; height:300px"></div> </body> </html>
お勧め書籍