我在谷歌地图上有一个汽车图标,必须定期移动。位置坐标将从服务器获取,我已经通过执行下面的代码设法更改了标记的位置,但没有得到平滑的移动
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 包含所有必需的数据。只是想知道我可以使用任何动画函数来实现此目的吗?
有一些示例可以在传单中创建自定义标记,但大多数仅用于一个变量。但是,有很多数据具有多种因素,最好用不同的形状和颜色进行可视化。
这是虚拟数据,如何使用不同形状和颜色的标记?
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) 我正在尝试创建一个Android应用程序,它使用自定义图像作为3d图像叠加的触发器.由于我没有使用标准的黑白标记,因此它将被归类为无标记.我想知道是否有任何现有的框架或程序可用于制作/集成到我的应用程序中.谢谢.
我在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) 您好我想在我的观点中添加一个带有数字的动态显示.
如图所示,我已经在地图上显示了图标.
添加数字?

我正在使用Maki图标集,但它们非常有限,并且希望能够使用Font Awesome图标.这可能吗?
这是我用来设置标记图标的代码.
marker.setIcon(L.mapbox.marker.icon({
'title': jobid,
'marker-color': '#e32f2f',
'marker-symbol': 'square'
}));
Run Code Online (Sandbox Code Playgroud) 我按照教程进行操作
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) 我想点击它时显示带有标记信息的警报.我收到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) 我有一个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
我正在做一个包含多个标记的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事件对我不起作用,请有人帮我解决。
marker ×10
google-maps ×4
android ×3
icons ×1
ios ×1
javascript ×1
leaflet ×1
map ×1
mapbox ×1
navigation ×1
openlayers ×1
r ×1
svg ×1
swift ×1