jQuery生成小的世界地图插件SmallWorld.js

所属分类:媒体-地图

 62575  319  查看评论 (2)
分享到微信朋友圈
X
jQuery生成小的世界地图插件SmallWorld.js ie兼容10

默认的


只有通过GeoJSON源。 默认情况下,地图是为中心(0,0)。地图将从DOM元素初始化它继承其大小。如果你使用相同的GeoJSON,你也可以设置为默认的数据源。

$('.map').smallworld({
    geojson: data
});
// OR…
Smallworld.defaults.geojson = data;
$('.map').smallworld();


中心与放大

地图可以集中在任何地理坐标,以及放大。 默认缩放级别设置为0。

$('.map').smallworld({
    zoom: 1,
    center: [37.757719928168605, -122.43760000000003]
});

颜色

地图绘制,改变任何的颜色很容易。

$('.map').smallworld({
    center: [45, 0],
    waterColor: '#021019',
    landColor: '#08304b'
});


标记

您可以轻松地删除标记在地图的中心,或其他任何地方通过额外的坐标。 标记也可以有一个自定义大小和颜色。

$('.map').smallworld({
    marker: true,
    markerColor: '#fa29df'
});


$('.map').smallworld({
    center: [45, 180],
    marker: [37.757719928168605, -122.43760000000003],
    markerSize: 8
});


$('.map').smallworld({
    center: [45, -50],
    markers: [
        [37.757719928168605, -122.43760000000003],
        [51.528868434293145, -0.10159864999991441],
        [40.705960705452846, -73.9780035]
    ],
    markerSize: 8
});


使用JQUERY/ZEPTO

使用jQuery或smallworld.js,初始化它与DOM元素和选项。

var el = document.querySelector('.map');
var map = new Smallworld(el, options);


相关插件-地图

jQuery获取地图坐标

获取百度、高德地图坐标
  地图
 41672  368

三级下钻中国地图,可返回

基于ets与jquery的三级下钻中国地图。
  地图
 29695  265

好用的百度地图插件

5种地图显示方式,简单便捷
  地图
 49913  399

jQuery小地图预览插件(预览完整的网页)

minimap是一个可以快速预览完整的网页或其与灵活的定位和导航支持DOM元素。
  地图
 36826  387

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    天博obaby 0
    2017/10/26 12:32:37
    海阔天空 0
    2016/12/8 17:12:21
    没看到有地图啊 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复