Gmap3样式为默认样式
Gmap3 style as default
Hi-im使用gmap3(jquery插件)显示谷歌地图。以下是页面链接:网站这是js代码:
$("#mapa").gmap3({
defaults:{
classes:{
Marker:MarkerWithLabel
}
},
map:{
options:{
zoom: 16,
center: new google.maps.LatLng(54.81592345170086,17.954444355125368),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, "style1"]
},
icon: new google.maps.MarkerImage("assets/gfx/itmarker_01.png", new google.maps.Size(64, 60, "px", "px")),
streetViewControl: false,
draggable: true,
}
}
,
styledmaptype:{
id: "style1",
options:{
name: "Style 1"
},
styles: [
{
featureType: "landscape",
stylers: [
{ hue: "#013e53" },
{ saturation: 0 },
{ lightness: 0 }
]
}
]
}
,
marker:{
latLng:[54.81558744636294,17.954398119049074],
options:{
icon: new google.maps.MarkerImage("assets/gfx/itmarker_01.png", new google.maps.Size(64, 60, "px", "px")),
labelContent: "$425K",
labelAnchor: new google.maps.Point(160, 110),
labelClass: "labels",
labelStyle: {opacity: 0.9},
labelContent: "PROMYK<br/>ul. Lubiatowska 4/3, 84-113 Białogóra",
}
}
});
function toggleStreetView(){
var promyk = {lat: 54.81557641505586, lng: 17.954616016502314};
var map = $("#mapa").gmap3("get"),
panorama = map.getStreetView();
if (panorama.getVisible()){
panorama.setVisible(false);
} else {
//panorama.setPosition(map.getCenter());
panorama.setPosition(promyk);
panorama.setPov({
heading: 320,
zoom:1,
pitch:5
});
panorama.setVisible(true);
}
}
它的工作很好。我正在寻找一些方法来设置我的"样式1"为这个地图的默认样式,而不需要控制来更改卫星或路线图。我的风格只会随着色调的变化而改变颜色。
ok找到
$("#mapa").gmap3({
defaults:{
classes:{
Marker:MarkerWithLabel
}
},
map:{
options:{
zoom: 16,
center: new google.maps.LatLng(54.81592345170086,17.954444355125368),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, "style1"]
},
styles: [
{
featureType: "landscape",
stylers: [
{ hue: "#013e53" },
{ saturation: 0 },
{ lightness: 0 }
]
}
],
icon: new google.maps.MarkerImage("assets/gfx/itmarker_01.png", new google.maps.Size(64, 60, "px", "px")),
streetViewControl: false,
draggable: true,
}
}
,
marker:{
latLng:[54.81558744636294,17.954398119049074],
options:{
icon: new google.maps.MarkerImage("assets/gfx/itmarker_01.png", new google.maps.Size(64, 60, "px", "px")),
labelContent: "$425K",
labelAnchor: new google.maps.Point(160, 110),
labelClass: "labels",
labelStyle: {opacity: 0.9},
labelContent: "PROMYK<br/>ul. Lubiatowska 4/3, 84-113 Białogóra",
}
}
});
function toggleStreetView(){
var promyk = {lat: 54.81557641505586, lng: 17.954616016502314};
var map = $("#mapa").gmap3("get"),
panorama = map.getStreetView();
if (panorama.getVisible()){
panorama.setVisible(false);
} else {
//panorama.setPosition(map.getCenter());
panorama.setPosition(promyk);
panorama.setPov({
heading: 320,
zoom:1,
pitch:5
});
panorama.setVisible(true);
}
}
相关文章:
- 如何在单击和单击不同的按钮时更改按钮的样式,它应该更改为默认值
- 对于IE浏览器,我需要使用什么来禁用Internet Explorer的默认下拉样式
- 滑动旋转木马无法使用默认样式正常工作
- 设置右侧默认滚动条的样式
- 默认的工具提示样式是什么
- 如何将样式/颜色皮肤设为默认
- Twitter Bootstrap 样式的默认 JS 警报
- 更改按钮样式但保存默认行为 - NativeScript
- 我想恢复浏览器默认样式
- 删除 javascript 中 html 按钮的默认显示样式属性
- 引导程序网格的默认样式
- 当运行javascript代码时,网页样式会一直恢复到默认设置
- 如何更改Jquery require_from_group方法的默认样式
- Video.js样式不覆盖默认视频样式
- Gmap3样式为默认样式
- 如何使用angularjs中的自定义指令,使用Unform jQuery插件设置浏览器默认复选框的样式
- 检查元素是否已定义样式,而不是来自默认样式表
- 如何销毁jquery幻灯片并加载默认样式的元素
- 有没有办法应用默认的“禁用”在文本输入上设置样式,而不实际禁用输入
- 是新创建的元素,它不是DOM样式的一部分,或者所有值都设置为默认值