我想了解如何使用ngcordova angularjs但沒有離子框架顯示帶有一些自定義標記的Google地圖。ngcordova angularjs地理位置谷歌地圖(非離子)
你能指點我一個全面的初學者教程(沒有缺失的步驟),說明如何做到這一點,請?
非常感謝您
我想了解如何使用ngcordova angularjs但沒有離子框架顯示帶有一些自定義標記的Google地圖。ngcordova angularjs地理位置谷歌地圖(非離子)
你能指點我一個全面的初學者教程(沒有缺失的步驟),說明如何做到這一點,請?
非常感謝您
您有幾種選擇:
你可以簡單地用一個角模塊,比如ngMap,在這種情況下,你並不需要一個教程,但他們的文檔。在那裏你可以找到所有的例子。
你可以通過一個科爾多瓦插件像cordova-plugin-googlemaps擁有的文檔中特定的教程
搜索也是在這裏因此,例如:角JS-和谷歌 - 地圖
它在應用程序和瀏覽器中的工作。在index.html中
<script type="text/javascript" src="http://maps.google.com/maps/api/js">
</script>
1.添加谷歌地圖腳本
< DIV ALIGN = 「中心」> < DIV ID =「圖」風格= 「寬度:100%;高度:200像素」> </DIV> </DIV>
3在腳本側
var latlng = {
lat: 12.34343,
lng: 34.12313
};
var map;
function initMap(latlng) {
var map = new google.maps.Map(document.getElementById('map'), {
center: latlng,
scrollwheel: false,
zoom: 14,
dragging: false,
scrollwheel: false,
draggable: false,
zoomControl: false,
disableDoubleClickZoom: true,
keyboardShortcuts: false,
panControl: false,
streetViewControl: false,
disableDefaultUI: false
});
var cityCircle = new google.maps.Circle({
strokeColor: '#F2F2F2',
strokeOpacity: 0.7,
strokeWeight: 2,
fillColor: '#0DCCC0',
fillOpacity: 0.7,
map: map,
center: latlng,
radius: Math.sqrt(5) * 100
});
}
4.呼叫initMap(經緯度)在我的應用程序和瀏覽器
其做工精細。並最有利於其標記設計。就像一個圓圈。