51Mapマップインターフェースの実装（サンプルコード）_javascriptスキル

//マップ echo
$(document).ready(function(){
map("mapdiv");
})
//Map
関数マップ(div){
var map=new LTMaps(div);//マップオブジェクト
var marker=new LTMarker(new LTPoint($("#x").val(),$("#y " ).val()));//ラベルの作成
map.handleMouseScroll();//マウスホイールズーム
map.centerAndZoom(new LTPoint($("#x").val(),$ ( "#y").val()),5); //座標を中心に地図を表示
map.addOverLay(marker) //地図にマーカーを追加
var controlZoom = new LTStandMapControl( );
map.addControl( controlZoom );
// マーク コントロールを追加し、イベントをボタンにバインドします
var controlB = new LTMarkControl();// コントロールをマークします
controlB.setVisible (false);
document.getElementById("addPosition").onclick=function (){map.removeOverLay(marker,true);controlB.btnClick()};
map.addControl( controlB );
LTEvent.addListener (controlB,"mouseup",function(){getPoi(controlB)} );
}
//アノテーション追加時にこの関数を実行
function getPoi(controlB){
var poi = controlB.getMarkControlPoint();
$("#x").val(poi.getLongitude());
$("#y").val(poi.getLatitude());
}

var ico=new LTIcon("",[24,24], [12,12]);// アイコン オブジェクトを作成します
var marker=new LTMarker(new LTPoint($("#x").val(),$("#y").val()),ico );//マークを作成
//マウスをマーク上に移動すると、マークの内容を表示できます
LTEvent.addListener( marker , "mouseover" , function(){this.openInfoWinHtml('mark content' )});