Yahoo! JavaScriptマップAPIで円を表示(Y.Circle)を使った場合、PCのブラウザーで表示するとマウスでクリックした場合
circle.bindInfoWindow('test')のようなイベントハンドラを記述すると反応しますが、スマホ(IOS、Android)だと反応しません。
反応するような設定は可能でしょうか?
検証したサンプルコード(全角文字にしています)
<html>
<body>
<div id=”map” style=”width:400px; height:300px”></div>
<script type=”text/javascript” charset=”utf-8” src=”http://js.api.olp.yahooapis.jp/OpenLocalPlatform/V1/jsapi?appid=XXX”></script>
<script type=”text/javascript”>
window.onload = function(){
var ymap = new Y.Map(”map”);
ymap.drawMap(new Y.LatLng(35.66572, 139.73100), 17);
var circle = new Y.Circle(new Y.LatLng(35.66472, 139.73100), new Y.Size(10, 10));
circle.bindInfoWindow(’TEST’);
ymap.addFeature(circle);
}
</script>
</body>
</html>