分享代码直接借助第三方的就可以！我一直在用百度分享
方法一：登陆百度站长平台>
方法二：点击百度分享
方法三：直接获取百度分享代码，还可以高级设置百度分享代码
方法四：按照步骤一步一步安装就可以！（选择你想要的功能）
最后一步安装到你想安装的位置！
这是百度的示例，如果你要其他平台的你需要去所在平台的开发者中心查看就行了！
右边：
<script type="text/javascript" id="bdshare_js" data="type=slide&img=0&pos=right&uid=11824" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
var bds_config = {"bdTop":155};
documentgetElementById("bdshell_js")src = ";
左边：
<!-- Baidu Button BEGIN --><script type="text/javascript" id="bdshare_js" data="type=slide&img=6&pos=left&uid=15177" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
var bds_config = {"bdTop":15};
documentgetElementById("bdshell_js")src = ">表单是用来收集用户信息的
（1）表单框
<form name="表单名称" method="post//get" action="路径" ></form>
(2) 表单控件
<input type=""/>
语法：
<input type="" name="" value="" size="" maxlength="" />
input 标签可以创建按钮，文本输入框，选择框等各种类型的输入字段
name 属性标识表单域的名称
type 属性标识表单控件的类型，大概有十几种
value 属性定义表单域的默认值，其他属性根据type的不同而有所变化
maxlength 控制最多输入的字符数
size 控制框的宽度（以字符为单位）
type类型
文本框 <input type="text" value="默认值"/>
密码框 <input type="password" />
提交按钮 <input type="submit" value="按钮内容" />
重置按钮 <input type="reset" value="按钮内容" />
空按钮 <input type="button" value="按钮内容" />
单选按钮组
<input type=“radio” name=“ral” />男
<input type=“radio” name=“ral” checked=“checked”/>(默认选中)女
复选框组
<input type="checkbox" name="" /> <input type="checkbox" name="" disabled="disabled" />
disabled="disabled" (禁用) checked="checked" (默认选中)
层叠样式表 优化网页
每个CSS样式分为两部分：选择符和声明，声明又分为属性和属性值
属性必须放在花括号中，属性与属性值用冒号连接。每条声明用分号结束。
当一个属性有多个属性值的时候，属性值与属性值不分先后顺序。
在书写样式过程中，空格、换行等 *** 作不影响属性显示。
（1）行内样式
语法：<标签 style=“属性：属性值;属性:属性值;”></标签>
例如：<div style="width:100px;"></div>
（2）内部样式
语法：
<style type="text/css">
css语句
</style>
注：使用style标记创建样式时，最好将该标记写在<head></head>
（3）外部样式
语法： <link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />
说明：使用link元素导入外部样式表时，需将该元素写在文 档头部，即<head>与</head>之间。
rel：用于定义文档关联，表示关联样式表； type：定义文档类型。
行内样式优先级最高，内部样式与外部样式越靠后优先级越高（就近原则）
（1）标签选择器
语法：标签名{属性1：属性值1；属性2：属性值2；}
HTML的所有标签都可以作为选择器
（2）ID选择器
语法：#id名{属性1：属性值1；属性2：属性值2；}
1、当我们使用id选择符时，应该为每个元素定义一个id属性； 如：<div id="top"></div>
2、id选择符的语法格式是“#”加上自定义的id名； 如：#box{width:300px; height:300px;}
3、起名时要取英文名，不能用关键字：(所有的标记和属性都是关键字)
4、一个id名称只能对应文档中一个具体的元素对象，因为id只能定义页面中某一个唯一的元素 对象。
5、最大的用处：创建网页的外围结构
（3）class选择器
语法：class名{属性：属性值;}
当我们使用类选择符时，应先为每个元素定义一个类名称，
类选择符的语法格式是：如：<div class="top"></div>
用法：class选择符更适合定义一类样式；
（4）群组选择器
语法：选择符1，选择符2，选择符3{属性：属性值;}
说明：当有多个选择符应用相同的声明时，可以将选择符用“，”分隔的方式，合并为一组。
实例：top, #nav, p{width:100px;}
（5）包含选择器
语法：选择符1(父) 选择符2（子）{属性：属性值;}
说明：选择符1和选择符2用空格隔开，含义就是选择符1中包含的所有选择符2;
实例： div ul li{height:200px;}
（6）通配符
语法：{属性：属性值；}
说明：通配选择符的写法是“”，其含义就是所有元素。
用法：常用来重置样式。建议放在样式表最上方。
这里介绍一种简单的方法—echarts，一个前端网页可视化库，可以快速绘制漂亮、简洁的中国地图，下面我简单介绍一下实现过程，主要内容如下：
1首先，下载echartsminjs，这个直接到ecahrts官网下载就行，如下，也就不到750k，很快就能下载成功：
2接着，下载chinajs，因为绘制的是中国地图，所以必须要单独下载这个js文件，这个可以直接到网上搜一下，很多，GitHub也有，大概60k左右，直接点击下载就行，如下：
3最后就是在html网页中编码实现绘制中国地图了，主要步骤及截图如下：
首先，我们创建一个html文件，在head标签中依次引入echartsjs和chinajs文件，在body标签中创建一个div容器，用于放置绘制的地图，代码如下：
接着，我们需要js随机生成一些测试数据，用于在绘制地图时，根据数值显示不同颜色的地区，代码如下，这里放在body标签里就行：
然后，就是绘制地图，配置相关数据和属性，这里可以根据自己需要，自行设置相关参数和选项，如下，很简单（可以参考echarts官网资料进行配置）：
最后，保存html文件，用浏览器打开这个文件，绘制的中国地图效果如下，很不错吧：
至此，我们就完成了在html中绘制中国地图。总的来说，整个过程很简单，不难，借助echarts我们可以快速绘制地图，只要你有一定的前端基础，会简单的html，js，css，熟悉一下相关示例和代码，很快就能掌握的，当然，你也可以使用其他框架来绘制中国地图，像g2,d3等，都可以，网上也有相关教程和资料，感兴趣的可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）