繁体   English   中英

谷歌地图删除默认人图标

[英]Google maps remove default man icon

我在我的项目中使用谷歌地图,你可以在这里看到( 演示

在左上角你可以看到男人图标和缩放我想删除男人图标和设置缩放左上角我该怎么办? 我正在使用这个库js库 ,你可以在(查看)源代码链接中看到其他库[3] 这是我的目标。请留下顶部

这应该删除街景(男子)和平移控制:

var mapOptions = {
  center: mapCenter,
  zoom: 10,
  panControl: false,
  streetViewControl: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP      
};

使用Google地图选项的示例:

var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);

要禁用man图标,可以在地图选项中将streetViewControl设置为false。

streetViewControl: false

我希望你工作

function initialize() {
   var mapOptions = {
   zoom: 8,
   center: new google.maps.LatLng(-34.397, 150.644),
   disableDefaultUI: true,   //disables controls
   zoomControl: true,        //zoom control enables
   zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,  //enables the dimension
    position: google.maps.ControlPosition.TOP_RIGHT  //position enables
    },

   mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
  }

以上答案不符合您的问题。 尝试这个导致我的工作禁用人物图标。

mapTypeControl:false,
scaleControl:false,
streetViewControl:false,
overviewMapControl:false,
rotateControl:false, 

如果你想删除所有,那么使用这个:

mapTypeControl: false,
disableDefaultUI: true,

如果要设置地图颜色的样式,请尝试以下操作:

var mapStyles = [ {"featureType":"road","elementType":"labels","stylers":[{"visibility":"simplified"},{"lightness":20}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"on"},{"lightness":10}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":50}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#3b5998"},{"saturation":30},{"lightness":49}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"hue":"#3b5998"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"hue":"#3b5998"}]}, {featureType:'road.highway',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-92},{lightness:60},{visibility:'on'}]}, {featureType:'landscape.natural',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-71},{lightness:-18},{visibility:'on'}]},  {featureType:'poi',elementType:'all',stylers:[{hue:'#3b5998'},{saturation:-70},{lightness:20},{visibility:'on'}]} ];

根据需要更改颜色属性#,然后将此样式放在地图中:

mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 9, // optional based on your requirement
styles: mapStyles 

如果你想设置图标的样式,那么把它放在:

marker = new google.maps.Marker({
icon: "/images/icon/marker123.png", // based on your dir file
position: point, // based on your srcipt selection
map: map

希望这对其他人有用。 :)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM