撮影画像の緯度経度取得

kintone 開発相談
1

緯度経度を、手入力して地図を表示しているのですが、撮影した画像をもとに、緯度経度を取得し地図表示をしたいと考えております。
どこから手を付けていいのか分からず、詳しい方にご教示願いたいと思います。

(function() {
    'use strict';
    
    var IdoKido = "";
    
    // 緯度経度を球面メルカトル図法に変換
    function convertCoordinate(longitude, latitude) {
        return ol.proj.transform([longitude, latitude], 'EPSG:4326', 'EPSG:3857');
    }

    // マーカーを表示するレイヤーを作成
    function makeMarkerOverlay(coordinate) {
        var imgElement = document.createElement('img');
        var imgSrc = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABHNCSVQICAgIfAhkiAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHwSURBVEiJpdW9a9NRFMbxT9qmNWmSRqlFhE6CLuIL1DcUHDqJm/0HBEUk3RQXpW7dXdysWlAEHQSlo4IoIohQKFJQxKWIIlTb5pc2anMdkmBbmleHZ3vul3Pvc865QggaCfu6uIOtTfkbGboYTRIN8yvJd5xoG4psmqk9LH0gBMJTQh+FJOPobAmKo718zbFcrACr+kI4TpThHQYbQhHr4WqG6MkG2FqtEsb5nWQJZ2pCMZDh5RBLc3WAa/WGsIMozV0k1kExnGR+jOKfJoFVLRBGKKT4jL0hBLq51kfhRZ2D04Qblfes5blNKcFynItwYTf5Ug3zc0KyolSlslrgIQpxxiCWYWaC0mbGUUIHASFDeFwD+Kjcbh/RWX3Tw1mixTYrzRP6iXBsXfppHl6m2M6bXqLYx4PNWmpnguhTi+m/L99iEf2bNn8P108RtQI9Qj5Ort5Ebenl27MmgfcoZZhFR93Zx8gu8o2GYIGQLYdzqKmFkuHtTVbrQXOsZJhsZUvtT1P4UQM4/S+cbS3t0xSTOVY2AkuEA+Q7Od/Okt6eID+7ATpRDmcGsba+k26unCRfBc6XRzXCwba+k0q18RRzUxXoOZZT3Kp3piG0Aj49SP41IcFPZP8bWmmxVwOsxDjbjL8pKPZ3c79eOGv1F5xHWAKxXNwiAAAAAElFTkSuQmCC';
        imgElement.setAttribute('src', imgSrc);

        var markerOverlay = new ol.Overlay({
            element: imgElement,
            position: coordinate,
            positioning: 'center-center'
        });

        return markerOverlay;
    }

    // 地図を表示し、ピンを立てる
    function setPin(space) {
        var container = document.getElementById('popup');
        var content = document.getElementById('popup-content');
        var closer = document.getElementById('popup-closer');

        var map = new ol.Map({
        
          layers: [
             new ol.layer.Tile({
                source: new ol.source.XYZ({
                    attributions: [
                      new ol.Attribution({
                        html: "<a href='http://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>"
                      })
                    ],
                    url: "http://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png",
                    projection: "EPSG:3857"
                })
            })
          ],
          target: 'map',
          view: new ol.View({
            zoom: 16
          })
        });
        
        if(IdoKido !== "" && IdoKido !== null && IdoKido !== undefined){
          
          var Ido = 0;
          var Kdo = 0;

	        const c1 = IdoKido.split(",");
	
	        for (let i = 0; i < c1.length; i++) {
		        
		        if(i === 0){
		          Ido = c1[i].trim();
		        }
		        else
		        {
		          Kdo = c1[i].trim();
		        }
		        
	        }
          
          //経度と緯度を変換
          let coordinate = convertCoordinate(Number(Kdo), Number(Ido));
          //マーカーの作成
          let marker = makeMarkerOverlay(coordinate);
        //マップにマーカを追加する
          map.addOverlay(marker);
          map.getView().setCenter(convertCoordinate(Number(Kdo), Number(Ido))); 
        }
        else
        {
          //経度と緯度を変換
          let coordinate = convertCoordinate(140.909032,38.273082);
          //マーカーの作成
          let marker = makeMarkerOverlay(coordinate);
        //マップにマーカを追加する
          map.addOverlay(marker);
          map.getView().setCenter(convertCoordinate(140.909032,38.273082));
        }
      
    }             
        
	kintone.events.on(['app.record.detail.show', 'app.record.create.show', 'app.record.edit.show',
                        'app.record.create.change.緯度経度','app.record.edit.change.緯度経度'], function(event) {
        
        var record = event.record;
        IdoKido = record["緯度経度"].value; 
        
        var space = kintone.app.record.getSpaceElement('map');
        $(space).append('<div id="map" style="width:400px; height:400px"></div>');

        setPin(space);
        
        return event;
        
    });
    
})();
2

ここをもうちょっと具体的にしないと回答つきづらいかもです:duck:
Exif情報から取得したいのか、画像解析したいのか、などなど…

3

説明不足で、すみません。
自己解決しました。

4

どこかで見覚えがあると思ったら以前質問されていた

こちらの続きでしょうか！？
何がどう解決されたのか気になるので是非共有していただけると嬉しいです！！