를 사용하여 구글 맵은

Question

2 나는 특정 위치와 구글 맵을 포함 할 필요가있는 간단한 연락처 페이지를 가지고,하지만 난

내 청결이 .html 파일을 할 수없는 것 다음과 같습니다

<ion-header> 
    <ion-navbar primary> 
     <ion-title>Contact</ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-content class="contactpage"> 
    <div id="map"></div> 
</ion-contant> 

내 깨끗한 .TS 파일은 다음과 같다 :

import {Component} from '@angular/core'; 
import {NavController} from 'ionic-angular'; 
import {ApiRequest} from '../../../cck/cck'; 


@Component({ 
    templateUrl: 'build/pages/cck/contact/contact.html', 
}) 
export class Contact { 
    private contactPage: Object = {}; 

    constructor(private navController:NavController, private request: ApiRequest) { 
    } 
} 

나는 아이디지도 사업부 내부에 구글 맵을 추가하고 싶습니다, 나는 몇 가지 솔루션을 시도했습니다 나는 온라인에서 찾았지만 나는 할 수 없었다. 그들 중 누구든지 일하게하십시오

아무도 좋은 데모가 없습니까?

은 사전에 감사

Answer 1

Google지도과 같이, 위치를 검색 할 수있는 URL 형식이 있습니다

http://maps.google.com/?q=trumptower 

목표를 달성하는 가장 쉬운 방법은 InAppBrowser 플러그인을 사용하는 것입니다 연락처 위치를 기반으로 생성 한 URL로 이동하는 새로운 InAppBrowser 창을 엽니 다. 멋진 점은 기기에 Google지도가 설치되어 있으면 Google지도 애플리케이션에 URL이 열리는 것입니다.

HTML :

<button class="button button-full" ng-click="openMaps(contact)"> 
    Open in Maps 
</button> 

JS :이 도움이

$scope.openMaps = function (contact) { 
    cordova.InAppBrowser.open('http://maps.google.com/?q=' + contact.location, '_system', 'location = yes'); 
    } 
} 

희망!