Google지도 검색 결과 위에 맞춤 마커 추가

이것이 올바른 질문인지는 확실하지 않지만 시도합니다. 주제를 검색했지만 정적지도보기에 대한 정보 만 찾았습니다.

특정 주소를 검색 한 후 Google지도에 맞춤 마커를 표시하고 싶습니다.

예를 들어 특정 도시에는 장소가 거의 없습니다. 이제 Google지도에서 새로운 것을 검색하고 싶습니다. 이 검색 결과 (검색 된 장소를 보여주는 핀이 있는지도)에 다른 장소도 표시하고 싶습니다.

지도에서 결과를보고 이미 알려진 장소 중 어느 것이 새 검색에 가까이 있는지 확인하고 싶습니다.

이것이 어떻게 든 가능한지 알고 싶습니다. 아마도 주제를 읽기 위해 정확히 검색해야 할 것에 대한 힌트 일 것입니다. 내가 지금까지 찾은 것은 내가 원하는 특정 사용 사례에 적합하지 않은 것 같습니다.

내가 상상하는 것은 Google지도 검색을 포함하고 장소 데이터 세트의 마커 오버레이를 처리하는 Java 스크립트가있는 페이지입니다.

이것이 구글의 맵 API로 할 수있는 일입니까?

google-maps

— 사용자 1052226
소스

당신은 당신의 자신의 응용 프로그램을 구축하거나 브라우저에서 그것을 달성하려고합니까? 공유 할 코드가 있습니까?

— kenorb

아니요, 앱을 작성하지 않습니다. 브라우저에서 호출 할 수있는 로컬 페이지를 갖고 싶습니다. 검색 할 수있는 Google지도 페이지를 제공해야합니다. 이제 결과가 표시되면 결과 맵에 추가 마커가 필요합니다. 지금까지 코드가 없으며 해당 유형의 유스 케이스에 대한 예제를 찾는 데 운이 없었기 때문에 이것이 가능한지 여부를 조사하는 것입니다.

— user1052226

적절한 API를 사용할 수있는 Google Maps Javascript API를 찾고 있습니다.

자세한 내용 은 제공된 예 를 따르십시오 (예 : 단순 마커 ).

예제 코드 :

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Simple markers</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>

function initMap() {
  var myLatLng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}

    </script>
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=API_KEY&signed_in=true&callback=initMap"></script>
  </body>
</html>

검색 결과 위에 추가하려면 검색 장소 예를 참조하십시오 .

— 케 노브
소스

감사합니다. 장소 검색 예제를 사용하면됩니다. 코드에 다른 장소를 추가하면 찾은 결과와 함께 표시됩니다. 사실 꽤 간단합니다. 시간을 내 주셔서 다시 한 번 감사드립니다.

— user1052226