伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:媒体,韦德1946手机版客户端-地图,选择框
 3769  16  查看评论 (0)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容9

timezone-picker

timezone-picker是一款带世界地图的jquery时区选择伟德BETVICTOR。该jquery时区选择器采用响应式设计,使你可以快速的在一张基于SVG的世界地图上选择不同的时区。

安装

可以通过npm伟德BETVICTOR来安装timezone-picker伟德BETVICTOR。npm install --save timezone-picker

使用方法

该伟德BETVICTOR基于Moment.js,使用时要引入下面的一些相关文件。<script type="text/javascript" src="path/to/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment-with-locales.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.14/moment-timezone-with-data-2012-2022.min.js"></script> <script type="text/javascript" src="path/to/timezone-picker.js"></script>HTML结构使用一个<div>作为世界地图的容器:<div id="map"></div>初始化伟德BETVICTOR在页面DOM元素加载完毕之后,通过timezonePicker()方法来初始化该jquery时区选择伟德BETVICTOR。$('#map').timezonePicker();

配置参数

该jquery时区选择伟德BETVICTOR的可用配置参数如下:
  • width:设置地图的宽度。
  • height:设置地图的高度。
  • defaultCss:如果设置为true则不需要引入css。
  • hoverColor:鼠标HOVER时显示的颜色。
  • selectedColor:设置选择的时区的颜色。
  • mapColor:设置地图的颜色。
  • quickLink:设置选择时区的快捷方式。
  • selectBox:设置为true是显示选择时区的下拉框。
  • showHoverText:设置为true是显示鼠标hover时区时的文字。
  • mapHover:默认只会高亮显示鼠标当前所在位置的多边形区域。可选值有:timezone, country, zonename。
  • "timezone":地图上所有相同时区的区域都会被高亮。
  • "country":地图上所有相同国家代码的区域都会被高亮。
  • "zonename":地图上所有相同时区名称的区域都会被高亮。

方法

该jquery时区选择伟德BETVICTOR的可用方法有:.setValue(string,string):设置值。第一个参数是时区字符串,例如:'Asia/Kolkata'。第二个参数是可选的。$(selector).data('timezonePicke').setValue('Asia/Kolkata')如果第一个参数是偏移值,那第二个参数必须是:'offset'。$(selector).data('timezonePicke').setValue('5.5','offset')如果第一个参数是国家代码,那么第二个参数必须是:'country'。$(selector).data('timezonePicke').setValue('IN','country').getValue():获取值。该方法返回包含时区详细信息的对象。$(selector).data('timezonePicke').getValue()返回对象的格式类似下面的样子。[{     "selected": true,     "zonename": "IST",     "offset": 5.5,     "pin": "361,115",     "country": "LK",     "timezone": "Asia/Colombo", }, {     "zonename": "IST",     "offset": 5.5,     "pin": "373,94",     "country": "IN",     "timezone": "Asia/Kolkata", }]
相关伟德BETVICTOR-地图,选择框

根据地图位置获取经伟度坐标

百度地图地点搜索和鼠标点击地点获取经纬度,这些都是地图比较基本和实用的代码,其中还包括了根据用户IP进行地图的显示、改变地图上的鼠标样式、启用滚轮缩放
  地图
 13673  83

百度地图回放路线

实现路线行驶回放等功能
  地图
 5621  24

一款基于百度地图API做成的地区地图

可根据xml返回的数据控制伟德BETVICTOR,也可以本地控制伟德BETVICTOR、地区三级级联查询、地区联动地图的伟德BETVICTOR,在线搜索
  地图
 40899  248

根据经伟度坐标获取地址

根据经伟度坐标获取地址
  地图
 18556  36

讨论这个项目(0)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

取消回复