标签: marker

如何在 ios 中将 Google 地图标记从一个位置平滑地动画到另一个位置

我在谷歌地图上有一个汽车图标,必须定期移动。位置坐标将从服务器获取,我已经通过执行下面的代码设法更改了标记的位置,但没有得到平滑的移动

let camera = GMSCameraPosition.camera(withLatitude: (((self.driverArrival.value(forKey: "latitude")) as AnyObject).doubleValue)!,
                                          longitude: (((self.driverArrival.value(forKey: "longitude")) as AnyObject).doubleValue)!, zoom: 15)

    let position = CLLocationCoordinate2DMake((((self.driverArrival.value(forKey: "latitude")) as AnyObject).doubleValue)!, (((self.driverArrival.value(forKey: "longitude")) as AnyObject).doubleValue)!)

    driverMarker.position = position
    driverMarker.map = self.mapView
Run Code Online (Sandbox Code Playgroud)

这里 driverdetails 包含所有必需的数据。只是想知道我可以使用任何动画函数来实现此目的吗?

navigation google-maps marker ios swift

3
推荐指数
1
解决办法
7419
查看次数

传单 R 中具有不同形状和颜色的自定义标记

有一些示例可以在传单中创建自定义标记,但大多数仅用于一个变量。但是,有很多数据具有多种因素,最好用不同的形状和颜色进行可视化。

这是虚拟数据,如何使用不同形状和颜色的标记?

lat1= 36+runif(n=5,min=-1,max=1)
lon1 =-115+runif(n=5,min=-1,max=1)

lat2= 35+runif(n=5,min=-0.5,max=0.5)
lon2 =-110+runif(n=5,min=-0.5,max=0.5)

lat3= 34+runif(n=5,min=-0.5,max=0.5)
lon3 =-112+runif(n=5,min=-0.5,max=0.5)

data_all=rbind(data.frame(Longitude=lon1,Latitude=lat1,Group=1),
           data.frame(Longitude=lon2,Latitude=lat2,Group=2),
           data.frame(Longitude=lon3,Latitude=lat3,Group=3))
data_all$color <- rep(c("red", "green", "gray"), 5)
Run Code Online (Sandbox Code Playgroud)

r marker leaflet

3
推荐指数
1
解决办法
5145
查看次数

是否有可用的无标记增强现实框架?

我正在尝试创建一个Android应用程序,它使用自定义图像作为3d图像叠加的触发器.由于我没有使用标准的黑白标记,因此它将被归类为无标记.我想知道是否有任何现有的框架或程序可用于制作/集成到我的应用程序中.谢谢.

android augmented-reality marker

2
推荐指数
1
解决办法
3283
查看次数

OpenLayers:将功能注册到标记事件不起作用

我在OpenLayers中有一个带有简单图层和标记图层的地图.标记层中的标记由...生成data.rows.对于每个标记,我想在"mousedown"(或"click")事件中注册一个函数,但这似乎不起作用.标记已添加到地图中,但在单击时,未输入注册到事件的功能.

// Marker-Layer
    var markers = new OpenLayers.Layer.Markers("SABA")

    // Icon
    var size = new OpenLayers.Size(21, 25);
    var offset = new OpenLayers.Pixel(-(size.w / 2), -size.h);
    var iconPath = document.location.protocol + '//' + document.location.hostname + '/saba/modulesinst/sa/icons/pin.png';
    var icon = new OpenLayers.Icon(iconPath, size, offset);

    // Rows durchgehen
    Array.each(data.rows, function(item, index) {
        if (item.x != null && item.y != null) {
            var newmarker = new OpenLayers.Marker(new OpenLayers.LonLat(item.x, item.y), icon.clone())

            newmarker.events.register('mousedown', newmarker, function(evt) {
                alert(item.name);
                OpenLayers.Event.stop(evt);
            });
            markers.addMarker(newmarker);
        }
    });
    this.listMap.addLayer(markers);
Run Code Online (Sandbox Code Playgroud)

map openlayers marker

2
推荐指数
1
解决办法
3669
查看次数

自定义Android地图的图钉

您好我想在我的观点中添加一个带有数字的动态显示.

如图所示,我已经在地图上显示了图标.

添加数字?

在此输入图像描述

marker google-maps-android-api-2

2
推荐指数
1
解决办法
2678
查看次数

可以在Mapbox Markers中使用Font Awesome图标吗?

我正在使用Maki图标集,但它们非常有限,并且希望能够使用Font Awesome图标.这可能吗?

这是我用来设置标记图标的代码.

marker.setIcon(L.mapbox.marker.icon({
    'title': jobid,
    'marker-color': '#e32f2f',
    'marker-symbol': 'square'
}));
Run Code Online (Sandbox Code Playgroud)

icons marker mapbox

2
推荐指数
1
解决办法
3853
查看次数

在谷歌地图上添加标记v2 Android

我按照教程进行操作

https://developers.google.com/maps/documentation/android/start
Run Code Online (Sandbox Code Playgroud)

我设法将地图加载到我的应用程序中.现在我想使用纬度和经度将一些标记添加到我的应用程序中.我该怎么办?我尝试了一些东西,但没有奏效.我试过的代码如下.

这是我要怎么做的.但我得到一个零点异常.这是什么原因?

GoogleMap googleMap = null;

           MapFragment fm = (MapFragment) (activity.getFragmentManager())
                    .findFragmentById(R.id.map);

           googleMap = fm.getMap();

            double latitude = 7.421226;
            double longitude =80.401264 ;

            // create marker
            MarkerOptions marker = new MarkerOptions().position(new LatLng(latitude, longitude)).title("Hello Maps ");

            // adding marker
            googleMap.addMarker(marker); 
Run Code Online (Sandbox Code Playgroud)

我的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/filmhall"
    android:background="@color/grey" >



<fragment 
          android:id="@+id/map"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:name="com.google.android.gms.maps.SupportMapFragment"/> 

</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

android google-maps marker

2
推荐指数
1
解决办法
2万
查看次数

谷歌地图标记循环在JavaScript中

我想点击它时显示带有标记信息的警报.我收到json的参数,我的问题是当我点击任何标记时,它总是显示最后一个标记的信息.我不知道问题出在哪里.

 var map = new google.maps.Map(document.getElementById('map'),
                        mapOptions);

                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(function (position) {
                        var userPos = new google.maps.LatLng(position.coords.latitude,
                                position.coords.longitude)
                        var markUsr = new google.maps.Marker({
                            position: userPos,
                            map: map,
                            icon: 'images/locblue.png'
                        });

                        map.setCenter(markUsr.position);
                        for (var i = 0; i < data.length; i++) {
                            var pos = new google.maps.LatLng(data[i].latitud, data[i].longitud)

                            var marker = new google.maps.Marker({
                                position: pos,
                                map: map,
                                icon: 'images/locred.png',
                                description: data[i].desc
                            });

                            var infowindow = new google.maps.InfoWindow({
                                content: data[i].name
                            });

                            infowindow.open(map, marker)
                            google.maps.event.addListener(marker, 'click', function () {
                                alert(marker.description)
                            })
                        } …
Run Code Online (Sandbox Code Playgroud)

javascript marker

2
推荐指数
1
解决办法
7572
查看次数

按米缩放Google地图标记图像(固定地理尺寸)

我有一个svg文件,正在将其用于Google地图标记。尺寸为65像素x 65像素。

我想确保此自定义标记可以缩放到1500米。地图缩放时,它应该缩放。

我不确定如何使这项工作。需要一种算法来根据缩放级别计算scaledSize并使用户在地图上为1500米。

            var offset = new google.maps.Point(50, 50);
            var getIcon = function (uid, selected) {
                return {
                    url: svg_url,
                    anchor: offset,
                    scaledSize: sccaledSize // not sure what to put here
                };
            };
            new google.maps.Marker({
                    position: new google.maps.LatLng(xx,yy),
                    icon: getIcon(Uid, false)
                });
Run Code Online (Sandbox Code Playgroud)

svg google-maps google-maps-api-3 marker google-maps-markers

2
推荐指数
1
解决办法
1866
查看次数

谷歌地图标记拖动事件在Android中无法正常工作

我正在做一个包含多个标记的android应用程序。我想进行标记长按活动,我知道这MarkerDragListener可以帮助我做到这一点。这是我用于的代码MarkerDragListener

@Override
public void onMapReady(final GoogleMap googleMap) {
    Log.d(TAG, "onMapReady()");
    mGoogleMap = googleMap;
    mGoogleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);

    mGoogleMap.setOnMarkerDragListener(new GoogleMap.OnMarkerDragListener() {
        @Override
        public void onMarkerDragStart(Marker arg0) {
            // TODO Auto-generated method stub
            Log.d("System out", "onMarkerDragStart..."+arg0.getPosition().latitude+"..."+arg0.getPosition().longitude);
        }

        @SuppressWarnings("unchecked")
        @Override
        public void onMarkerDragEnd(Marker arg0) {
            // TODO Auto-generated method stub
            Log.d("System out", "onMarkerDragEnd..."+arg0.getPosition().latitude+"..."+arg0.getPosition().longitude);

        }

        @Override
        public void onMarkerDrag(Marker arg0) {
            // TODO Auto-generated method stub
            Log.i("System out", "onMarkerDrag...");
        }
    });

    mGoogleMap.setOnMarkerClickListener(this);
}
Run Code Online (Sandbox Code Playgroud)

但是Drag事件对我不起作用,请有人帮我解决。

android google-maps marker

2
推荐指数
1
解决办法
1255
查看次数