회원가입 구글맵 좌표 넣는 방법과 자동 게시글 등록 문의드립니다.

구글 선택한 좌표를 어떻게 넣을까요?
구글 좌표 처음 써봐서 화면에 나타내는것은 가능한데 좌표 구하는 것이랑 넣는것은 어떻게 해야하는지 해매고 있습니다.
참고할 만한 코드나 링크가 있을까요?

https://developers.google.com/maps/documentation/javascript/geolocation#maps_map_geolocation-javascript
이 링크가 도움이 될지 모르겠습니다.

https://developers.google.com/maps/documentation/javascript/examples/event-click-latlng
위와 같은 기능이 필요한데 클릭 후 해당 값을 input text에 어떻게 넣을지 모르겠습니다....

[code]
<!DOCTYPE html>
<!--
@license
Copyright 2019 Google LLC. All Rights Reserved.
SPDX-License-Identifier: Apache-2.0
-->
<html>
<head>
<title>Event Click LatLng</title>
<style>
/**
* @license
* Copyright 2019 Google LLC. All Rights Reserved.
* SPDX-License-Identifier: Apache-2.0
*/
/*
* Always set the map height explicitly to define the size of the div element
* that contains the map.
*/
#map {
/*height: 100%;*/
height: 80%;
}

/*
* Optional: Makes the sample page fill the window.
*/
html,
body {
height: 100%;
margin: 0;
padding: 0;
}

</style>
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<!-- jsFiddle will insert css and js -->
<script>
/**
* @license
* Copyright 2019 Google LLC. All Rights Reserved.
* SPDX-License-Identifier: Apache-2.0
*/
function initMap() {
const myLatlng = { lat: -25.363, lng: 131.044 };
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: myLatlng,
});
// Create the initial InfoWindow.
let infoWindow = new google.maps.InfoWindow({
content: "Click the map to get Lat/Lng!",
position: myLatlng,
});

infoWindow.open(map);
// Configure the click listener.
map.addListener("click", (mapsMouseEvent) => {
// Close the current InfoWindow.
infoWindow.close();
// Create a new InfoWindow.
infoWindow = new google.maps.InfoWindow({
position: mapsMouseEvent.latLng,
});
infoWindow.setContent(
JSON.stringify(mapsMouseEvent.latLng.toJSON(), null, 2)
);
infoWindow.open(map);

document.getElementById('lat').value = mapsMouseEvent.latLng.lat();
document.getElementById('lng').value = mapsMouseEvent.latLng.lng();
});
}

window.initMap = initMap;

</script>
</head>
<body>
lat: <input type="text" id="lat" />
lng: <input type="text" id="lng" />
<div id="map"></div>

<!--
The `defer` attribute causes the callback to execute after the full HTML
document has been parsed. For non-blocking uses, avoiding race conditions,
and consistent behavior across browsers, consider loading using Promises
with https://www.npmjs.com/package/@googlemaps/js-api-loader.
-->
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
defer
></script>
</body>
</html>

[/code]

감사합니다. 참고 후 해결하였습니다.