创建 StyledMapType 地图样式
2016-05-12 09:28
519 查看
您可以通过创建
如需新建地图类型:
创建您的样式数组。请参阅“地图特征和样式器”中的相关说明。
新建一个
创建您的地图对象,然后在地图选项的
将上一步骤中的标识符与新样式化地图关联。
将地图设置为使用新地图类型。
StyledMapType并向构造函数传递特征和样式器信息,新建作为样式应用对象的地图类型。此方法不会影响默认地图类型的样式。
如需新建地图类型:
创建您的样式数组。请参阅“地图特征和样式器”中的相关说明。
新建一个
google.maps.StyledMapType对象,向其传递样式数组以及新地图类型的名称。
创建您的地图对象,然后在地图选项的
mapTypeIds数组内加入新地图类型的标识符(它是
mapTypeControlOptions对象的一个属性)。
将上一步骤中的标识符与新样式化地图关联。
将地图设置为使用新地图类型。
function initialize() { // Create an array of styles. var styles = [ { stylers: [ { hue: "#00ffe6" }, { saturation: -20 } ] },{ featureType: "road", elementType: "geometry", stylers: [ { lightness: 100 }, { visibility: "simplified" } ] },{ featureType: "road", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; // Create a new StyledMapType object, passing it the array of styles, // as well as the name to be displayed on the map type control. var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); // Create a map object, and include the MapTypeId to add // to the map type control. var mapOptions = { zoom: 11, center: new google.maps.LatLng(55.6468, 37.581), mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style'] } }; var map = new google.maps.Map(document.getElementById('map'), mapOptions); //Associate the styled map with the MapTypeId and set it to display. map.mapTypes.set('map_style', styledMap); map.setMapTypeId('map_style'); }
相关文章推荐
- CSS之悬浮float:right/left
- CSS中zoom:1的作用 ,小标签大作用
- CSS布局 -- 圣杯布局 & 双飞翼布局
- 织梦channel标签currentstyle样式无效不起作用的解决办法
- 网页设计的12个轻量CSS框架
- 重置样式表
- css3 画几何图形之三角形--随笔
- 如何正确使用css中vertical-align
- DIV+CSS和Table区别
- CSS基础知识一(CSS的应用方式、CSS选择器、选择器的声明、文字CSS效果、)
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- CSS应用:阴影和轮廓
- CSS选择器总结
- 输入班级人数,姓名,分数,创建集合,并按照表格样式打印出来
- openGL 填充样式
- CSS预处理器
- css3实战版的点击列表项产生水波纹动画——之jsoop面向对象封装版
- CSS的两个class选择器紧挨在一起
- CSS的两个class选择器紧挨在一起
- [翻译]CSS模块-未来的编码方式