Google지도에 '개발 목적으로 만'표시

Google지도에 '개발 목적으로 만'표시

---

웹 페이지에 표시하려고하면 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');

그런 다음 나중에

     '<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에는 한 지점에서 다른 지점으로 길을 제공하는 쉬운 방법이 없으며 스트리트 뷰도 없습니다.

---

As recommended in a comment, I used the "Google Maps Platform API Checker" Chrome add-in to identify and resolve the issue.

Essentially, this add-in directed me to here where I was able to sign in to Google and create a free API key.

Afterwards, I updated my JavaScript and it immediately resolved this issue.

Old JavaScript: ...script src="https://maps.googleapis.com/maps/api/js?v=3" ...

Updated Javascript:...script src="https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY******&v=3" ...

The add-in then validated the JS API call. Hope this helps someone resolve the issue quickly!

---

For my purposes I ended up using an alternative https://www.openstreetmap.org/ .

---

Now google maps is free for development only.

If you want to use map free like earlier, then create an account with valid details (billing, payment, etc.) google gives $200 MONTHLY CREDIT Which is EQUIVALENT To FREE USAGE

For more details please see Googles new price details: google map new pricing

Also see the old price details: Old one

---

well, it is just a watermark, you can hide it if you change the <div> that has z-index=100 I use

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

or you can use

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

but it is not as responsive as setInterval

---

If you want a free simple location map showing a single marked location, for your website, Then

• Go to AddMap.
• Here you can fill details to fully customize your map like location details, sizing and formatting of map.
• Finally to add google map api key, Generate it using this method.

Let me know If this would help..

---

add google map js file like that

   <script src="https://maps.googleapis.com/maps/api/js?key=your key here"
    async defer></script>

you will get for development purpose only message when you add it like

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
    async defer></script>

so avoid adding callback=initMap into script tag

Beside this make sure you have added your site to google developer console maps section :

---

It seems to me that when it displays the "For development purposes only", one cannot see the map configurations as well while developing(or rather playing around with the configurations). In my case I have not enabled billing to be associated with the API I am using and I am thinking that's the reason why its behaving this way.

---

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

이 작동 할 수 있습니다

참고 URL : https://stackoverflow.com/questions/50977913/google-maps-shows-for-development-purposes-only