如何在Google地图中集成箭头作为标记?

时间:2014-09-12 06:09:22

标签: javascript google-maps jsp google-maps-api-3 google-maps-markers

我在jsp中实现了谷歌地图。一切都好。我们的项目是ITS(智能交通系统)。每次我们必须跟踪车辆并在地图中显示车辆的位置和方向。为此我们使用地图并根据我们得到的latlng值创建标记。我们使用Bus图标来显示车辆,但看起来不太好。所以我们想把它改成箭头(就像智能手机中的导航一样)。

创建标记的代码是,

function createMarker(point, number,vn,position) {
var busimage="";
if(position=="same")
 {
     busimage="Resources/travel_bus1.png";
 }else if(position=="notsame")
     {
     busimage="Resources/travel_bus3.png";
     }

          var marker = new google.maps.Marker({
              position: point,
              map: map,
              raiseOnDrag: true,
              icon:busimage,
             // animation: google.maps.Animation.DROP,
              draggable: false,
              zIndex: number,
              id:vn
          });

var html = number;

var infowindow = new google.maps.InfoWindow({
    content: 'Latitude: ' + point.lat() +
    '<br>Longitude: ' + point.lng()  + '<br>BusNo : '+ marker.get("id"), 
    maxwidth: 1000
});

所以现在我们必须将总线图标更改为arrow图标,同时我们必须显示车辆的方向正在移动。我搜索了一些在线资源,但它没用。我只是在jsp中实现map。所以任何人都可以帮我在地图上添加箭头根据我的方向相处。如果你知道任何在线资源也对我有帮助。谢谢 。 。

0 个答案:

没有答案