7

클라이언트 용 웹 사이트 구축 정기적으로 GMaps를 삽입해야합니다. 이를 위해 maplace.js를 사용합니다."새로운 모습"을 얻는 데 문제가 있습니다. Google지도가 포함되어 있습니다.

모두 훌륭하게 작동하지만 이상한 것으로 나타났습니다. 여기

New look Google maps

, 나는이 수동 삽입에 대한 iframe을 생성 할 수 있습니다 :

그래서 지금은 매우 친절하고 깨끗한 모습, 새로운 내 Google 계정에 구글 맵의 "모양"활성화 (효과, 따라서지도 API를하고) maplace.js를 사용할 때 여전히 얻을, 그러나

enter image description here

: 그 새로운, 깨끗한 모양과 오히려 편리한 '길 찾기'를 오버레이를 유지하는 내 웹 사이트에 GMAP, 좋은 깨끗한 컨트롤의 오래된 모양과 NOE : 내가 할 수있는 방법에 대한 높고 낮은 검색 한

enter image description here

프레임을 생성 구글과 같은 모양 생각하지만, 행운.

은 내가 일을 수행하는데 사용할 포함되어 있습니다 :

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.exp"></script> 
<script type="text/javascript" src="/Scripts/maplace.min.js"></script> 

그리고이지도에 적용되는 CSS입니다 :

#gmap { 
    height: 300px; 
    width: 100%; 
} 

그리고 실제지도의 삽입 :

<script> 
new Maplace({ 
    map_options: { 
     scrollwheel: false, 
     navigationControl: true, 
     mapTypeControl: false, 
     scaleControl: false, 
     draggable: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }, 
    visualRefresh: true, 
    locations: [ 

      {lat: 50.871197, lon: 4.696941000000038, zoom: 15} 



    ] 
}).Load(); 
</script> 

아무도 이것에 대한 생각을 가지고 있습니까?

+0

"v = 3.exp"(즉, 스크립트 src URL에서) Google Maps API의 최신 버전을 사용해야합니다. 하지만 "v = 3.17"을 사용해 보셨습니까? 둘 다 당신에게 최신 버전을 제공해야한다는 것을 알고 있지만, 확인해 볼 가치가 있습니다! –

+4

불행히도 아직 API를이 새로운 사용자 인터페이스로 업데이트하지 않았습니다. Google의 자체 API v3 페이지에서 [예제] (https://developers.google.com/maps/documentation/javascript/)에서 새 UI를 사용하지 않음을 알 수 있습니다. 임베디드 맵을보다 잘 제어하면서 새로운 UI를 허용하는 새로운 Embed API가 추진되고있는 것 같습니다. 블로그에 대한 공식 블로그 게시물 [여기] (http://googlegeodevelopers.blogspot.ca/2014/03/adding-new-google-maps-to-your-website.html) 및 개발자 페이지 [여기]를 참조하십시오. (https://developers.google.com/maps/documentation/embed/). –

+0

새 UI가 항상 API의 일부가 아닌 것은 베타 버전에서 UI를 API에 적용 할 수 없다는 점입니다. 나중에 버그가 발생할 수있는 많은 것들이 포함되어 있으므로 지금 받으시는 이전 UI를 고수해야하며 항상 API를 사용자 정의 할 수 있습니다 Google지도 API에서 [control] (https://developers.google.com/maps/documentation/javascript/examples/control-options)을 추가하는 것을 참고하십시오. [사용자 정의] (https://developers.google.com/maps)/documentation/javascript/examples/control-custom) 더 많은 도움을 받으려면 글을 참고하십시오. – MarmiK

답변

0

나는 마지막으로 (실제로는 이상한 아무도 다른 사람 없습니다 아직 것 같습니다)이 알아 냈어.

내 질문에서 언급 한 "새로운 모양"맵은 Google Maps Embed API의 일부로 생성됩니다.

이 API는 (그들을보고 사용자에 대한 좋은 모양과 문맥에서 따로 따로) 이점 제공 : 사용자에 대한

  • 상황이지도를보고

    • 없음 사용/트래픽 제한입니다 해당 사용자가 자신의 계정에 로그인 한 경우 제공

    또한 사이트에서 사용하려는 경우 특정 콘텐츠 관리자로부터 이러한 종류의지도를 삽입하기가 쉽습니다.의 src 속성은 항상 레이아웃 다음있다을 포함 할 수 있기 때문입니다 :

    {MODE}
    • : 다음 documentation에 따라,

      https://www.google.com/maps/embed/v1/MODE?key=API_KEY&parameters 
      

      어느 다음과 장소 중 하나입니다, 방향, 검색 또는보기.

    • {API_KEY}는 무료 API 키입니다.
    • 매개 변수는 선택적 매개 변수

    제공된 예

  • 을 포함하는 것은, 예를 들어 충분히 쉬운 것을 볼 것 CMS의 콘텐츠 입력란을 iframe src 속성의 {MODE} 입력란에 연결합니다.

    https://www.google.com/maps/embed/v1/place?key=API_KEY&q=Fisht+Olympic+Stadium,Sochi+Russia 
    

    어느 것이 내가 달성하기를 원했던 것입니다. -/

    0

    제가 작업하고있는 웹 사이트에서 동일한 작업을 수행하고 싶었습니다. 사용자가 Google지도 즐겨 찾기에 위치를 저장하는 데 작은 별표가 유용하다는 것을 알았습니다. iframeAPI 개의 다른 서버 측 구성을 사용합니다. 또한 자바 스크립트 버전의 변경 내역을 확인했지만 불행히도 현재 사용할 수있는 기능이 없습니다.

    https://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIv3Changelog

    관련 문제