2程序员面试，这200行代码，结果工资相差了8000

最近逛论坛看到了一位小伙和他朋友一起去面试，估计是最后一轮技术面试，小伙和他朋友每个人都准备了一个压轴案例，他朋友写的是京东商城（烂大街了），小伙子自己写的是网上找到的世界地图旅游案例，用JavaScript做的，一个足不出户也能玩遍世界的案例，或许是因为新颖，最后面试通过的是这位小伙，试用期6000转正8000，小伙的朋友面试没通过，我自己看了一下这个案例，也把网上大神的原版整理了下，世界地图案例分享给头条的小伙伴。大家都可以练习。

在这里我还是要说下我自己建的前端学习群：593757064，来我们群里的必须是学习前端的，一个好的交流氛围很重要，不管你是小白，还是大神，大家一起交流学习一起进步，有问题一起解决，今天这个案例的源码也分享在这里面了，包括17年最新的前端企业案例，欢迎初学和进阶中的小伙伴。

JavaScript Maps：https://www.evget.com/product/11132/file?t=0（网上的免费控件）

• 第一步：制作地图

  有了JavaScript Maps，我们就开始旅行吧，先把世界各地都标出来，然后筛选。输入下面的代码制作世界地图：

效果图：

第二步：选择国家

在地图上或者选项中选择国家：

第三步：设置参数

设置地图参数：

第四步：自由行动

先去哪里好呢？美国吧，打开JavaScript Maps，在下面输入以下代码美国地图瞬间出现，虽然不能实际到达，但是用JavaScript Maps显示出来的地图效果，一定会给你身临其境的感觉，不信，你试试看。

效果图：

完整代码文末有领取地址

最后提2点建议：

1.先了解js和jquery基础，通过项目实践来把握js的应用，你可以参考一个网站，模仿它的各项功能是怎样实现的，下载各种插件，如导航菜单、图片播放器之类，看插件的js怎样写的，并学会使用插件。不懂的地方百度一下，只要坚持一两周，你能力会在无形中得到大大的提升。

2.这个世界地图旅游案例到这里就做结束了，想要完整代码自己学习练手的小伙伴进我的群自助领取，已经上传到群文件里了：593757064，欢迎初学和进阶中的小伙伴。

如果想看到更加系统的文章和学习方法经验可以关注我的微信公众号：‘web前端课程’关注后回复‘给我资料’可以领取一套完整的学习视频