0
내 이력 앱에 Google지도를 추가하고 싶습니다. 나는 여기서 코드를 검색한다 https://developers.google.com/maps/documentation/javascript/adding-a-google-map 그리고 그것은 각형에서 작동하지만 내 옆 메뉴 이온 프로젝트에서는 그렇지 않다.이오 니어 사이드 메뉴 프로젝트에 Google지도 추가하기
<ion-view view-title="Browse">
<ion-content>
<h1>Browse</h1>
</ion-content>
</ion-view>내가 복사 단지 시도하고이 코드를 붙여 넣기 : 내 API를 추가
<!DOCTYPE html>
<html>
<head>
<style>
#map {
height: 400px;
width: 100%;
}
</style>
</head>
<body>
<h3>My Google Maps Demo</h3>
<div id="map"></div>
<script>
function initMap() {
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
</body>
</html>을 이것은 내가지도를 추가 할 페이지입니다 KEY,하지만 다른 설정이 있기 때문에 여기서는 작동하지 않습니다. 이온. 나는 또한 이것을 찾았습니다 : https://www.joshmorony.com/integrating-google-maps-with-an-ionic-application/ 이온 응용 프로그램 인 ionic side-menu 응용 프로그램이 있습니다.이 응용 프로그램을이 맵에 추가하고 싶습니다. 내가 어떻게 할 수 있니?