Symfony2 : IvoryGoogleMapBundle의 HTML5 Geolocation API

알렉산드 루 푸르 쿨리 타

저는 Symfony2를 기반으로 한 프로젝트를 진행하고 있습니다. Google지도 생성에 IvoryGoogleMapBundle 번들을 사용하고 있습니다. 지도의 경우 현재 사용자 좌표를 중심으로해야합니다.

이를 위해 서버 측 솔루션 대신 Geolocation HTML5 API를 사용하고 싶습니다.

번들 문서에는이 경우에 대한 솔루션이 없습니다.

IvoryGoogleMap으로 생성 된 Google지도에이 기능을 추가하는 우아한 방법은 무엇입니까?

Ferdynator

먼저지도를 생성하십시오.

우리는 그것을 생성하기 위해 서비스를 사용합니다. 그러나지도의 기본 설정은 매우 간단합니다.

/** var \Ivory\GoogleMapBundle\Model\MapBuilder $map */
$map = $mapBuilder->build();
// any additional config goes here.
// make sure you set the Javascript Variable name like so:
$map->setJavascriptVariable('your_awesome_map');

이제지도를 렌더링합니다.

{{ google_map_container(map) }}
{{ google_map_js(map) }}

마지막으로 자바 스크립트 코드를 삽입 할 수 있습니다.

javascript파일을 설정하고 템플릿에 포함합니다. 이 파일에서 다음과 같이 할 수 있습니다.

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(updateMap, error);
}

function updateMap(position) {
    // location determined
}

position 다음과 같이 현재 위치를 포함합니다.

position.coords.latitude, position.coords.longitude

예를 들어지도를 중앙에 배치합니다. 자바 스크립트 변수를 통해 서비스에서 생성 한지도에 액세스 할 수 있습니다 your_awesome_map.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Safari의 PageVisibility HTML5 API

분류에서Dev

HTML5의 정확한 GeoLocation은 어떻게 작동합니까?

분류에서Dev

JsonConvert.DeserializeObject의 C # Google Geolocation API의 Administrative_area_level_2 값

분류에서Dev

base.html.twig의 Symfony2 양식

분류에서Dev

HTML5의 음성 인식 API

분류에서Dev

HTML5 Geolocation API를 사용하여 표시되지 않는 마커가있는 Google지도

분류에서Dev

How does precise GeoLocation in HTML5 work?

분류에서Dev

C #에서 Google Geolocation API의 403 오류

분류에서Dev

Authenticate AngularJs app with Symfony2 API

분류에서Dev

Symfony2 RESTful API + AngularJS

분류에서Dev

Symfony2의 Compass 및 Assetic을 사용한 Foundation5

분류에서Dev

Symfony2 나뭇 가지 form_widget html 사용자 정의

분류에서Dev

"base.html.twig"의 symfony2 ( ""cssrewrite "필터가 없습니다.")

분류에서Dev

Mac 설정 (브라우저 설정 아님)이 위치 공유를 거부하면 HTML5 Geolocation API가 조용히 실패 함

분류에서Dev

Symfony2의 API에서 이미지 파일을 가져 오는 방법

분류에서Dev

Google지도 API의 HTML5 위치 정보

분류에서Dev

Dart의 PhoneGap GeoLocation

분류에서Dev

symfony2에서 html5 숫자 유형 'min'및 'max'구현

분류에서Dev

PdoSessionHandler의 Symfony2 문제

분류에서Dev

formbuillder의 symfony2 인증

분류에서Dev

Symfony2의 구성

분류에서Dev

Symfony2의 상속

분류에서Dev

symfony2의 세션

분류에서Dev

Symfony2 형식의 Onchange

분류에서Dev

Symfony2의 OneLogin / phpsaml

분류에서Dev

의미 오류 Symfony2

분류에서Dev

Javascript 및 HTML5 Geolocation-위치를 저장하는 방법?

분류에서Dev

Bing의 Geolocation Maps API-멕시코 우편 번호

분류에서Dev

Symfony2 REST API, always returns false validating the form

Related 관련 기사

뜨겁다태그

보관