我想旋转 IntervalMarker 的标签:
IntervalMarker im = new IntervalMarker(...);
im.setLabel("LABEL");
// im.setLabelOffsetType(LengthAdjustmentType.EXPAND);
// im.setLabelOffset(new RectangleInsets(10.0, 10.0, 10.0, 10.0));
// im.setLabelFont(new Font("SansSerif", Font.ITALIC, 11));
im.setLabelAnchor(RectangleAnchor.TOP_LEFT);
im.setLabelTextAnchor(TextAnchor.TOP_LEFT);
im.setPaint(new Color(208, 194, 214));
Run Code Online (Sandbox Code Playgroud)
它不允许我上传图片,链接如下: http: //i54.tinypic.com/5z40fs.png
我想要垂直的“标签”,以获得更好的外观。
谢谢
我希望能够缩放我网站的所有折线.
另外,我想为每个新的坐标对添加标记.我已经看过很多关于多个标记和多个plygons的例子,但从来没有用于折线,我无法解决这个问题......
我见过一些非常有用的页面,如:http://salman-w.blogspot.com/2009/03/zoom-to-fit-all-markers-polylines-or.html
但他们中的大多数人事先都会假设某种知识,而我却不太了解.
这是我的代码:
<script type="text/javascript">
function initialize() {
var myLatLng = new google.maps.LatLng(45.397, 5.644);
var centerLatLng = new google.maps.LatLng(35.71,-1.905);
var myOptions = {
zoom: 5,
center: centerLatLng,
scrollwheel: false,
mapTypeControl: false,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var flightPlanCoordinates = [
new google.maps.LatLng(45.397, 5.644),
new google.maps.LatLng(28.713383,-17.905781),
new google.maps.LatLng(20.713383,-19.905781),
new google.maps.LatLng(25.713383,-29.905781),
];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#dddd00",
strokeOpacity: 1.0,
strokeWeight: 3
});
flightPath.setMap(map);
}
</script>
Run Code Online (Sandbox Code Playgroud)
在此先感谢,我是googles API和本网站的新手.
在我的应用程序中,我需要有两种类型的标记:第一种需要留在一个位置,第二种需要移动,现在我还没有静态标记但我的应用程序可以显示标记移动,如果位置电话改变了,但是我打电话给mMap.clear(),我不想在位置改变时清除所有标记,所以我只需要删除那个标记,我在另一个问题中读到我需要使用Marker.remove(); 删除单个标记,但我不知道在代码中的实现位置.
以下是新位置的方法:
public void onLocationChanged(Location location) {
mMap.clear();
GetLatLong();
handleNewLocation(location);
mCurrentLocation = location;
}
Run Code Online (Sandbox Code Playgroud)
这是handleNewLocation方法:
private void handleNewLocation(Location location) {
if (mLastLocation != null) {
LatLng latLng = new LatLng(list.get(0), list.get(1));
//mMap.moveCamera(CameraUpdateFactory.newLatLng(latLng));
//añadir un nuevo marker con la posición de la variable latLng
MarkerOptions camion = new MarkerOptions()
.position(latLng)
.title("Camión")
.snippet("ruta " + ruta)
.icon(BitmapDescriptorFactory.fromResource(R.drawable.bus));
Marker marker = mMap.addMarker(camion);
if (marker == null) {
mMap.addMarker(camion);
} else {
camion.position(latLng);
}
}
}
Run Code Online (Sandbox Code Playgroud)
谢谢.
编辑:
List<Marker> markers = new ArrayList<Marker>(); …Run Code Online (Sandbox Code Playgroud) 在我的Android项目中,我需要当车辆移动时,标记位置也应该平滑移动,但是当位置改变时,标记从一个位置跳到另一个位置,移动不平滑。
我搜索了很多,但没有得到结果。
我不知道最好的方法是什么。请给我全面的指导。
非常感谢您
更新
@AnkitMehta 谢谢你的回答
MapsActivity 中的所有代码:
import android.Manifest;
import android.content.DialogInterface;
import android.content.pm.PackageManager;
import android.content.res.Resources;
import android.location.Location;
import android.os.Build;
import android.os.Handler;
import android.os.SystemClock;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.ActivityCompat;
import android.support.v4.app.FragmentActivity;
import android.os.Bundle;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AlertDialog;
import android.util.Log;
import android.view.animation.Interpolator;
import android.view.animation.LinearInterpolator;
import android.widget.Toast;
import com.google.android.gms.common.ConnectionResult;
import com.google.android.gms.common.api.GoogleApiClient;
import com.google.android.gms.location.LocationListener;
import com.google.android.gms.location.LocationRequest;
import com.google.android.gms.location.LocationServices;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.BitmapDescriptorFactory;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MapStyleOptions;
import com.google.android.gms.maps.model.Marker;
import com.google.android.gms.maps.model.MarkerOptions;
public class MapsActivity extends FragmentActivity …Run Code Online (Sandbox Code Playgroud) 我正在使用 vue2-google-maps,这将是完美的 - 通过单击它来更改标记图标。我尝试编写一些代码,但它无法正常工作。
模板:
<gmap-map
ref="mainMap"
:center="startLocation"
:zoom="6"
map-type-id="roadmap"
style="width: 100%; height: 100%"
:options="{
zoomControl: false,
scaleControl: false,
mapTypeControl: false,
fullscreenControl: false,
streetViewControl: false,
disableDefaultUi: false
}"
>
<gmap-marker
v-for="(item, key) in coordinates"
:key="key"
:position="getPosition(item)"
:clickable="true"
:icon="markerOptions"
@click="toggleInfo(item, key)"
></gmap-marker>
</gmap-map>
Run Code Online (Sandbox Code Playgroud)
脚本:
...
let mapMarker = require('../images/ic-map-marker.svg'),
mapMarkerActive = require('../images/ic-map-marker-active.svg');
...
startLocation: {
lat: 49.0384,
lng: 33.4513
},
coordinates: {
0: {
city: City 0,
lat: '50.4021702',
lng: '30.3926088'
},
1: {
city: City 1,
lat: '49.9543502',
lng: '36.1241697' …Run Code Online (Sandbox Code Playgroud) 散点图对象有一个名为 .set_color 的方法来更新标记的颜色,并使用 .set_offsets 来更新其位置,但如何更新标记形状?
我试图在网格线上的Highcharts线图上显示我的标记点.
这就是我所拥有的

你可以在图片上看到,标记位于垂直网格线的中间,而不是悬停在网格线上
有没有办法改变这个?
我有一个在地图上放置标记的scipt,每个标记都有它的唯一ID设置如下:
marker = new google.maps.Marker({
position: position,
map: map,
icon: markerImg,
id: uniqueid()
});
Run Code Online (Sandbox Code Playgroud)
将每个标记推送到聚类器后,我运行一个函数,构建一个包含地图上所有标记的侧栏.该侧栏的每个div代表一个标记:
<div id="sidebar">
<div id="marker1234"></div>
<div id="marker1235"></div>
<div id="marker1236"></div>
...
</div>
Run Code Online (Sandbox Code Playgroud)
如何创建一个悬停div的功能,突出显示地图上的相应标记?问题是我不知道如何通过其ID来定位单个标记.
我看到了一些像这样的解决方案http://www.geocodezip.com/v3_MW_example_hoverchange.html(在StackOverflow上找到),但它依赖于另一种方法来构建侧边栏...
PS.我想避免在每次悬停标记列表时循环所有标记...
我正在尝试构建一个角度2应用程序,当我点击我的地图时添加一个标记.这是我的代码:
<sebm-google-map (mapClick)="getPosition($event)" [latitude]="lat" [longitude]="lng" [zoom]="zoom" [backgroundColor]="backgroundColor" style="margin-bottom:900px">
<sebm-google-map-marker *ngFor=" let post of posts" [latitude]="post.lapti" [longitude]="post.longi" ></sebm-google-map-marker>
</sebm-google-map>
Run Code Online (Sandbox Code Playgroud)
有解决方案吗
marker ×10
google-maps ×4
android ×2
java ×2
matplotlib ×2
angular ×1
animation ×1
axis ×1
fitbounds ×1
highcharts ×1
highlight ×1
hover ×1
jfreechart ×1
line ×1
markers ×1
move ×1
plot ×1
polyline ×1
python ×1
rotation ×1
scatter-plot ×1
sidebar ×1
smoothing ×1
typescript ×1
vue.js ×1