Javascript 风格化谷歌地图
我能够完美地设计一张地图的样式,这样它就不饱和了。我还可以设置地图样式,使其具有自定义标记。但是,我无法将代码与自定义标记组合以生成去饱和贴图。有人能看一下我的脚本并检查一下我在正确的地方有没有正确的部分吗。感谢你们的帮助,伙计们-非常感谢:Javascript 风格化谷歌地图,javascript,google-maps,google-maps-api-3,maps,Javascript,Google Maps,Google Maps Api 3,Maps,我能够完美地设计一张地图的样式,这样它就不饱和了。我还可以设置地图样式,使其具有自定义标记。但是,我无法将代码与自定义标记组合以生成去饱和贴图。有人能看一下我的脚本并检查一下我在正确的地方有没有正确的部分吗。感谢你们的帮助,伙计们-非常感谢: <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> var map; va
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
var brooklyn = new google.maps.LatLng(53.798709, -1.550740);
var MY_MAPTYPE_ID = 'custom_style';
function initialize() {
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(53.798709, -1.550740),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var image = 'images/marker.png';
var myLatLng = new google.maps.LatLng(53.798709, -1.550740);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
var featureOpts = [
{
stylers: [
]
},{
featureType: "all",
stylers: [{
saturation: -100
}]},
{
}]
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
var映射;
var brooklyn=new google.maps.LatLng(53.798709,-1.550740);
var MY_MAPTYPE_ID='custom_style';
函数初始化(){
变量映射选项={
缩放:14,
中心:新google.maps.LatLng(53.798709,-1.550740),
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
var image='images/marker.png';
var mylatng=new google.maps.LatLng(53.798709,-1.550740);
var beachMarker=new google.maps.Marker({
职位:myLatLng,
地图:地图,
图标:图像
});
变量特性选项=[
{
样式:[
]
},{
featureType:“全部”,
样式:[{
饱和度:-100
}]},
{
}]
}
google.maps.event.addDomListener(窗口“加载”,初始化);
您忘记应用样式
将此行置于initialize()
的末尾:
或者使用映射选项定义样式:
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(53.798709, -1.550740),
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: [
{
featureType: "all",
stylers: [
{
saturation: -100
}
]
}
]
};
您的“脚本”不完整。
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(53.798709, -1.550740),
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: [
{
featureType: "all",
stylers: [
{
saturation: -100
}
]
}
]
};