0980デフォルトの名無しさん
2022/02/11(金) 21:00:36.36ID:8KqQ9JKlこのひと月ほど例によってgooglemapApi(およびLeafletプラグイン)と格闘しておりますが、まったく進展ナシです。
具体的にはleafletのdistortabuleImageOverlayというライブラリをつかって下記のようにするとグーグルマップに写真を貼り付けまではやれました。
var imageUrl = 'images/sample.jpg';
var overlayImg = L.distortableImageOverlay(imageUrl, {
actions: [ L.LockAction,L.ScaleAction, L.RotateAction, L.OpacityAction, L.DeleteAction],
mode: 'scale'
});
window.scrollTo(0, 0);
map.setZoom(18);
overlayImg.addTo(map);
で、問題はそこからなんですが、
写真をドラッグ移動したり拡大したりできるのですが、最終的にどの位置に置くのかを記録したいので、四隅の座標値なり中心の座標なりを取得したいのですが、まったくやれてないです
以上よろしくお願いします