目的

静态网站，有css、html、还有bootstrapy等框架，

新东西

老师说要在可视化和加建模里面选，我选了可视化，加了可视化地图。
录入浙江省的地图，如何根据地方的经纬度，搞出坐标，可以点，如何显示具体信息。

具体的一点点代码

主要功能地图代码，如何设置一下鼠标放大缩小、颜色、点上去有什么字注释。

//获取杭州市的地图信息window.onload = function GetGeoMap() {var geoJson = null;var url = "josn/zhejiang.json";MapChart.showLoading();$.get(url, null, function(ret) {geoJson = ret;loadMap(geoJson);});}//初始化地图容器var MapChart = echarts.init(document.getElementById('main'));//设置地图。var loadMap = function(geoJson) {echarts.registerMap('tianjin', geoJson);MapChart.hideLoading();var data = dataJson;var geoCoordMap = {'西冷印社': [120.168667,30.283576],'浙江博物馆': [120.149943,30.257342],'中国印学博物馆': [120.146039,30.25754],'平湖玺印篆刻博物馆': [121.03287,30.704162],'浙江省非物质文化金石篆刻传承基地': [120.288635,30.434233],'浙江美术馆': [120.163334,30.236852],'浙江青年书协篆刻创作基地': [119.676536,29.989765],'宁波市篆刻艺术馆': [121.547596,29.876101],'沙孟海故居': [120.165073,30.267529],'吴昌硕纪念馆': [119.709203,30.625453],}var convertData = function(data) {var res = [];for(var i = 0; i < data.length; i++) {var geoCoord = geoCoordMap[data[i].name];if(geoCoord) {res.push({name: data[i].name,value: geoCoord.concat(data[i].value),value1:  geoCoord.concat(data[i].value1)});}}return res;};

展示

代码结构

要下浙江省的json才可以被引入

首页展示

色彩搭配很舒服，有点篆刻风的感觉

其他：

篆刻小站之设计与开发相关推荐

GameMaker Studio从头开始学习设计和开发3款游戏
从头开始学习设计和开发3款游戏(无需经验) 你会学到什么如何塑造令人敬畏的角色如何使用GameMakerStudio 2 视频游戏编程基本二维动画如何查找和修复bug 如何给你的游戏编故事从 ...
如何从零开始设计与开发一款通用模型预测调度系统 | 干货分享
机器学习模型从训练导出到生成环境部署,这个过程中涉及大量工作,会面临着各种问题与挑战,比如不断丰富的业务场景,系统需要负载种类繁多的神经网络,预测任务不均匀等,然而企业拥有的计算资源(如GPU个数)是 ...
Web设计和开发人员有用的15Chrome插件
1.Aviary Screen Capture屏幕截图 Aviary Screen Capture让你能够截取网页的屏幕快照.获得屏幕快照后,用Aviary.com的应用程序在浏览器内编辑那幅快照.基 ...
【技术干货】如何进行低功耗设计和开发
现如今市面上各种大型手机游戏层出不穷,这对手机的续航与功耗提出了更高的要求.许多市面上流行的爆款手游早在设计与开发之初就已将用户体验与手机耗电进行完美兼顾. 那么,这些爆款手游在设计与开发过程中解决了 ...
《JavaScript设计与开发新思维》——1.7 JavaScript编程目标
本节书摘来自异步社区<JavaScript设计与开发新思维>一书中的第1章,第1.7节,作者:[美]Larry Ullman著,更多章节内容可以访问云栖社区"异步社区" ...
【Android UI设计与开发】第02期：引导界面（二）使用ViewPager实现欢迎引导页面
转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/8980917 本系列文章都会以一个程序的实例开发为主线来进行讲解,以求达到一个 ...
【Android UI设计与开发】第01期：引导界面（一）ViewPager介绍和使用详解
转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/8980917 做Android开发加起来差不多也有一年多的时间了,总是想写点自 ...
html5开发桌面界面设计,HTML5触摸界面设计与开发
HTML5触摸界面设计与开发编辑锁定讨论上传视频 <HTML5触摸界面设计与开发>是人民邮电出版社于2014年出版的一本图书,作者是伍兹 (Stephen Woods).[1] 中 ...
网络推广外包中目标用户习惯对企业网站设计与开发有重要影响
众所周知,在企业网站设计与开发过程中,左右企业网站开发设计走向的最主要的就是用户,以用户为核心.立足于用户角度.关注用户浏览习惯等等,这些内容的了解对于目标用户群体进一步接受企业产品或服务也更容易,在 ...

篆刻小站之设计与开发

篆刻小站

目的

新东西

具体的一点点代码

展示

代码结构

首页展示

其他：

篆刻小站之设计与开发相关推荐

最新文章

热门文章