Javascript 如何在Google Maps API v3中使用Ionic&;有棱角的

Javascript 如何在Google Maps API v3中使用Ionic&;有棱角的,javascript,angularjs,google-maps,google-maps-api-3,ionic,Javascript,Angularjs,Google Maps,Google Maps Api 3,Ionic,我在Ionic项目中使用Maps API v3和ngCordova创建了一张地图,以获取我的当前位置,并使用以下代码: var options = {timeout: 10000, enablehighAccuracy: false}; $cordovaGeolocation.getCurrentPosition(options) .then(function (position) { var myLat = position.coords

我在Ionic项目中使用Maps API v3和ngCordova创建了一张地图,以获取我的当前位置,并使用以下代码:

    var options = {timeout: 10000, enablehighAccuracy: false};
    $cordovaGeolocation.getCurrentPosition(options)
        .then(function (position) {
            var myLat = position.coords.latitude;
            var myLong = position.coords.longitude;
            console.log(myLat, myLong);
            var center = new google.maps.LatLng(myLat, myLong);
            var mapOptions = {
                center: center,
                zoom: 16,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                streetViewControl: false,
                mapTypeControl: false,
                zoomControl: false
            };
            var map = new google.maps.Map(document.getElementById("map"), mapOptions);
        }, function (err) {
            console.log(err);
        });
我想在这张地图上创建一个标记,它将在地图平移时保持居中(类似于Hailo、Uber和其他),以便用户只需移动地图即可定义特定位置。我在地图API文档中找不到有关此内容或任何教程/提示的任何内容

有人能提出一个简单的方法吗?
此外,我认为当用户移动地图时,可以检索地图中心(标记所在位置)的新坐标,对吗?

这应该可以做到

Javascript
变量选项={
超时:10000,
EnableHighAccurance:错误
};
$cordovaGeolocation.getCurrentPosition(选项)
.然后(功能(位置){
var myLat=位置坐标纬度;
var myLong=位置坐标经度;
console.log(myLat,myLong);
var center=new google.maps.LatLng(myLat,myLong);
变量映射选项={
中心:中心,,
缩放:16,
mapTypeId:google.maps.mapTypeId.ROADMAP,
街景控制:错误,
mapTypeControl:false,
动物控制:错误
};
var map=new google.maps.map(document.getElementById(“map”)、mapOptions);
//在这里添加标记,创建空div,然后添加“centerMarker”类。Clickevents将注册并绑定到地图。
$('').addClass('centerMarker').appendTo(map.getDiv())
//再舔一下
。单击(函数(){
var,该值=$(此值);
如果(!that.data('win')){
数据('win',新的google.maps.InfoWindow({
内容:“这是中心”
}));
即.data('win').bindTo('position',map,'center');
}
即.data('win')。open(map);
});
}
},
功能(err){
控制台日志(err);
});
CSS
.中心标记{
位置:绝对位置;
/*标记的url*/
背景:url(http://maps.gstatic.com/mapfiles/markers2/marker.png)不重复;
/*居中标记*/
最高:50%;
左:50%;
z指数:1;
/*在需要时修复偏移*/
左边距:-10px;
利润上限:-34px;
/*图像的大小*/
高度:34px;
宽度:20px;
光标:指针;

}
你可以看看这个:谢谢!这正是我需要的。知道如何使用Angular注入div吗?我的地图分区看起来像这样:。。不涉及角度指令。