html怎么做水流地图_随笔

<!DOCTYPE html>

<html>

<head>

html{height:100%}

body{height:100%margin:0pxpadding:0px}

#container{height:100%}

</style>

</script>

</head>

<body>

var map = new BMap.Map("container") // 创建地图实例

var point = new BMap.Point(119.3,26.08) // 创建点坐标

map.centerAndZoom(point, 15)// 初始化地图，设置中心点坐标和地图级别

var marker = new BMap.Marker(point) // 创建标注

map.addOverlay(marker)//将标注添加到地图中

var opts1 = {type: BMAP_NAVIGATION_CONTROL_LARGE}

map.addControl(new BMap.NavigationControl(opts1))

var opts2 = {offset: new BMap.Size(150, 5)}

map.addControl(new BMap.ScaleControl(opts2))

map.addControl(new BMap.OverviewMapControl())

map.addControl(new BMap.MapTypeControl())

map.setCurrentCity("福州")

</script>

</body>

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

div {background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x,

radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x

background-size: 20px 20pxbackground-position: -10px calc(100% + 16px), 0 calc(100% - 4px)}

3、浏览器运行index.html页面，此时在文字下方成功添加了波浪线。

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、其次，在index.html的<body>标签中，添加代码：<hr/>。

3、浏览器运行index.html页面，此时成功在html中画了一条线。

欢迎分享，转载请注明来源：内存溢出

html怎么做水流地图