谷歌地图删除默认的人形图标

我使用谷歌地图与我的项目，你可以在这里看到（Demo）谷歌地图删除默认的人形图标

在左上角可以看到人的图标和放大我想删除的人图标

，并设置变焦左-top 我该怎么办？我使用这个库js library，你可以看到在（图）来源演示链接其他库[3] this is my aim.look left top please

来源

2013-06-26 user1688401

你有没有解决这个问题？ – fledgling

@Fledgling no .... – user1688401

任何替代品？ – fledgling

这应该删除街景（男子）和平移控制：

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

使用谷歌地图的选项的例子：

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);

来源

2013-06-26 17:29:22 jdehlin

我不使用地图选项。我应该在哪里添加这个？调用一个事件监听器？这是我的源代码：view-source：http：//f.hybridsoftware.net/map.htm – user1688401

我可以从你的代码中看到，你正在做的事情有点不同，你直接在canvas节点上执行映射操作。通常会创建一个'map'变量，然后绑定到canvas div，如我添加到我的响应中的示例所示。将选项直接应用到canvas div可能是可能的，但我并不熟悉它。 – jdehlin

我希望你工作

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); 
    }

个

来源

2013-06-26 20:42:44

我不使用地图选项。我应该在哪里添加这个？调用一个事件监听器？这是我的来源：view-source：f.hybridsoftware.net/map.htm – user1688401

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

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

希望这个有用的人。 :)

来源

2015-05-05 08:25:34 user3706926

禁用该男子图标，可以设置将streetViewControl进入一种虚假的在地图中选择。

streetViewControl: false

来源

2016-05-28 10:47:22 JMMaguigad

谷歌地图删除默认的人形图标

回答

相关问题