위치를 물어 보는 방법 google maps로 표시

-1

나는 현대화 프로그램을 사용하여 사용자 위치를 묻고 Google지도를 사용하여 표시하는 프로그램을 작성하고 싶습니다. 일어날 수있는 최대량은 위치 좌표를 찾기 위해 geolocation을 사용하고 내 페이지에서지도를 얻기 위해 Google지도 API를 사용하려고했습니다. jsfiddle.net/DavDaBomb21/279fbf8b/위치를 물어 보는 방법 google maps로 표시

웹 페이지에지도를 표시하기 위해 두 가지 방법을 함께 사용하는 방법을 알려주시겠습니까? 감사합니다

출처

2017-10-01 Davide Correia

간단한 방법은 다음과 같습니다

function geoSuccess(position) { 
 
    var long = position.coords.longitude; 
 
    var lat = position.coords.latitude; 
 
    $('.map-container').html(
 
     '<iframe width="300" height="170" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=' + lat + ',' + long + '&hl=es;z=14&amp;output=embed"></iframe>' 
 
    ); 
 
}; 
 
function geoFail() { 
 
    /* Not supported */ 
 
}; 
 
if (navigator.geolocation) { 
 
    navigator.geolocation.getCurrentPosition(geoSuccess, geoFail); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="map-container"></div>

그것은 하나 JSFiddle에, 여기에 작동하지 않습니다,하지만 당신은 위치 정보 또는 보안 HTTPS 웹 사이트를 사용하도록 설정하면 사용자가 IE에서 시도 할 수 있습니다 - 그것은 잘 작동합니다.

출처

2017-10-01 14:15:52 skobaljic

지도에 내 스타일을 추가하는 방법은 무엇입니까? –

[이 웹 사이트] (https://mapstyle.withgoogle.com/)를 확인하십시오. – skobaljic

위치를 물어 보는 방법 google maps로 표시

답변

관련 문제