웹 페이지에 표시하려고하면 Google지도에 '개발 목적으로 만'이라는 메시지가 표시됩니다.

이 메시지를 어떻게 지울 수 있습니까?

내 코드는 다음과 같습니다

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
  function initialize() {  
    var myLatlng = new google.maps.LatLng(50.5792659,8.6744471);
    var centerMap = new google.maps.LatLng(50.5792659,8.6744471);
    var div = document.getElementById('map');
  }
</script>

그런 다음 나중에

<p>
  <a
    href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z"
    target="_blank"
  >Route berechnen</a>
</p>

이 메시지의 출처를 알 수 없습니다.

Google지도는 더 이상 무료가 아닙니다. 귀하의 사이트에서 매월 무료로 제공하는 $ 200 크레딧을 초과하는 요청이있는 경우 청구를 받으려면 신용 카드를 연결해야합니다. 그래서 워터 마크가 표시된지도를 얻는 것입니다.

자세한 내용은 https://cloud.google.com/maps-platform/pricing/을 참조하십시오.

최신 정보: 새 결제 시스템의 일반적인 문제는 이제 각 API를 개별적으로 활성화해야한다는 것입니다. 가격은 모두 다르며 (일부는 무료) Google은 도메인에 대해 개별적으로 가격을 책정 할 것을 강조합니다. Google지도를 많이 사용하지는 않았지만 이전보다 더 많은 API가 있다는 느낌이 들었습니다.

결제를 사용 설정 한 후에도 여전히 사용 제한 메시지가 표시되는 경우 제공하려는 기능에 정확히 어떤 API가 필요한지 확인하고 사용 설정되어 있는지 확인하십시오. API 설정을 찾기가 어렵습니다.

1. https://console.developers.google.com/apis/dashboard 링크로 이동 하십시오 .
2. 그런 다음 드롭 다운에서 프로젝트를 선택하십시오.
3. 왼쪽 창의 라이브러리로 이동하십시오.
4. 사용 가능한 API를 찾아보고 필요한 API를 활성화하십시오.

다음 중 하나에 해당하면 " 개발 목적으로 만 "으로 표시된 워터 마크 가 반환됩니다.

1. 요청에 API 키가 없습니다.
2. 계정에서 결제가 활성화되지 않았습니다.
3. 제공된 결제 방법이 유효하지 않습니다 (예 : 만료 된 신용 카드).
4. 자체 부과 일일 한도를 초과했습니다.

Victoria가 쓴 것처럼 Google지도는 더 이상 무료가 아니지만지도 제공 업체를 전환 할 수 있습니다. OpenStreetMap에 관심이 있으시면 https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/에 설명 된 사이트에서 쉽게 사용할 수 있습니다.

불행히도 OpenStreetMap에는 한 지점에서 다른 지점으로 길을 제공하는 쉬운 방법이 없으며 스트리트 뷰도 없습니다.

내 목적을 위해 대안 https://www.openstreetmap.org/을 사용했습니다 .

의견에서 권장하는대로 " Google Maps Platform API Checker "Chrome 애드 인을 사용하여 문제를 식별하고 해결했습니다.

기본적으로이 추가로 나를 지시 에 여기 내가 구글에 로그인하여 무료 API 키를 만들 수 있었던 곳.

그 후 JavaScript를 업데이트하여 즉시이 문제를 해결했습니다.

기존 자바 스크립트 : ... script src = "https://maps.googleapis.com/maps/api/js?v=3"...

업데이트 된 자바 스크립트 : ... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY ****** & v = 3"...

그런 다음 추가 기능은 JS API 호출의 유효성을 검증했습니다. 이것이 누군가가 문제를 빠르게 해결하는 데 도움이되기를 바랍니다.

이제 Google지도는 개발 전용입니다.

이전과 같이 무료로 맵을 사용하려면 유효한 세부 정보 (청구서, 지불 등)가있는 계정을 만드십시오. Google은 무료 사용과 동등한 월별 크레딧 200 달러를 제공합니다

자세한 내용은 Google의 새로운 가격 세부 정보를 참조하십시오. Google지도 새로운 가격

또한 이전 가격에 대한 자세한 내용을 참조하십시오 올드 하나를

귀하의 경우 mapTypeId를가 있다 SATELLITE거나HYBRID

글쎄, 그것은 단지 워터 마크입니다, 내가 사용 하는 <div>것을 변경하면 숨길 수 z-index=100있습니다

setInterval(function(){
    $("*").each(function() {
        if ($(this).css("zIndex") == 100) {
            $(this).css("zIndex", "-100");
        }
    })}
, 10);

또는 당신은 사용할 수 있습니다

map.addListener('idle', function(e) {
    //same function
}

하지만 반응이 좋지 않습니다 setInterval

귀하의 웹 사이트에 대해 하나의 표시된 위치를 보여주는 간단한 위치 맵을 무료로 원한다면

• AddMap으로 이동 하십시오 .
• 여기에서 세부 사항을 채워서 위치 세부 사항, 크기 및 형식과 같은 맵을 완전히 사용자 정의 할 수 있습니다.
• 마지막으로 구글 맵 API 키를 추가하려면이 방법을 사용하여 키를 생성하십시오 .

도움이되는지 알려주세요 ..

"개발 목적으로 만"을 표시하면 개발 중에지도 구성을 볼 수 없습니다 (또는 구성을 가지고 놀아 보는 것). 필자의 경우 결제를 사용중인 API와 연관시킬 수 없었으며 이것이 이런 방식으로 작동하는 이유라고 생각합니다.

나를 위해, 구글 콘솔에서 결제를 활성화 할 때 오류가 수정되었습니다. (1 년 개발자 시험 사용)

HTML에서 iframe 태그를 사용할 수 없습니다. 수행 할 수있는 작업은 다음과 같습니다.
* Google지도로 이동하여 위치를 지정
하십시오. * "공유"를 클릭하십시오
* "지도 삽입"으로 이동 하십시오 *
HTML 코드를 복사하십시오
* HTML 페이지
* 요구 사항에 따라 높이 및 너비 조정
* 실행

이 작동 할 수 있습니다