百度地图提供了InfoWindow的功能,可以很方便的在地图上显示信息框。但是当信息框的内容很复杂时,使用原生方法创建信息框就比较麻烦。此文章介绍用angular4的component来开发InfoWindow功能。
你可能会问,为什么不用angular的dialog组件呢?
其实是可以的,只是体验会差一下。地图的InfoWindow会跟随覆盖物的位置,当对话框超出窗口时,地图会自动移动使InfoWindow显示在当前页面范围内。普通的dialog组件实现跟随效果会比较复杂。
界面元素自动充满屏幕
在使用百度地图时,希望在浏览器窗口大小变化时,地图永远撑满整个界面,此处记录一下实现方法1
2
3
4
5
6
7function changeSize() {
var showMap = document.getElementById("myMap");
showMap.style.width = document.documentElement.clientWidth + "px";
showMap.style.height = document.documentElement.clientHeight + "px";
}
window.onresize = changeSize; //改变大小的时候,div也占满全屏
其中myMap是百度地图div的Id值。
机器学习一:一元线性回归-普通最小二乘法
基于Github搭建Maven仓库的方法(转)
spring boot更改tomcat的静态资源路径
需求:开发中需要在新增商品界面上传一些图片,然后在查看界面显示;
我做的是一个小项目,没有独立的文件服务器,因此就想着放在tomcat服务器上,然后通过url进行访问;最简单的就是存放在项目部署目录的webapp下的static目录,但是tomcat的部署目录在版本维护是经常更新,因此放在tomcat目录里面是不合适的。因此想着放在tomcat外面的固定目录,然后通过tomcat的docRoot进行虚拟目录映射,说干就干。。。
解决vim中文乱码问题
打开~.vimrc文件,加上fileencodings参数1
set fileencodings=utf-8,gb2312,gb18030,gbk,ucs-bom,cp936,latin1