Google将v3默认(动态)蓝点映射为标记

时间:2017-02-14 10:04:46

标签: javascript google-maps google-maps-api-3 ionic-framework google-maps-markers

是否可以在自己的地图(网页)中使用Google地图中的默认蓝点标记?

远射:我使用ionic / cordova,所以我将网络谷歌地图编译成iOS。是否也可以使标记动态显示并在标记上显示手机指向的方向,如Google地图中所示?

由于

3 个答案:

答案 0 :(得分:3)

我成功地使用了它:

var map = new google.maps.Map(document.getElementById('map');
var latLng = {"lat": 42.819213, "lng": -83.11099150000001};
var marker = new google.maps.Marker({
  position: latLng,
  map: map,
  icon: {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 10,
    fillOpacity: 1,
    strokeWeight: 2,
    fillColor: '#5384ED',
    strokeColor: '#ffffff',
  },
});

所有这些操作是将标记放置为蓝点,但标记为further functionality is possible

enter image description here

答案 1 :(得分:1)

  

是否可以在Google地图中使用默认的蓝点标记   你自己的地图(网络)?

你是什么意思,你不能只使用蓝点的图标吗?或者,当谷歌地图中出现蓝点时,谷歌已经投入了一些功能(总是跟着道路,顺利移动等)。因为我认为这不能通过谷歌的API获得。

答案 2 :(得分:-1)

为什么你使用V3 javascript,Google map V2 native在设备中更好更快。 如果你出于某种原因需要这个地图javascript, 唯一的可能性是使用geolocation.getCurrentPosition获取当前位置并在间隔中生成。 代码是这样的:

// Initialize the Google Maps API v3
var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 15,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var marker = null;

function autoUpdate() {
  navigator.geolocation.getCurrentPosition(function(position) {  
    var newPoint = new google.maps.LatLng(position.coords.latitude, 
                                          position.coords.longitude);

    if (marker) {
      // Marker already created - Move it
      marker.setPosition(newPoint);
    }
    else {
      // Marker does not exist - Create it
      marker = new google.maps.Marker({
        position: newPoint,
        map: map
      });
    }

    // Center the map on the new position
    map.setCenter(newPoint);
  }); 

  // Call the autoUpdate() function every 5 seconds
  setTimeout(autoUpdate, 5000);
}

autoUpdate();