zoukankan      html  css  js  c++  java
  • 百度地图

    <script type="text/javascript">
    		// 百度地图API功能
    		var map = new BMap.Map('map');// 创建地图实例
    		var poi = new BMap.Point(116.307852,40.057031);// 创建点坐标
    		map.centerAndZoom(poi, 16);// 初始化地图,设置中心点坐标和地图级别
    		map.enableScrollWheelZoom();//启用滚轮放大缩小,默认禁用
    
    		map.addControl(new BMap.NavigationControl()); //地图平移缩放控件
    		map.addControl(new BMap.ScaleControl()); //缩放比列单位
    		
    		//窗口信息
    		var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
    						'<img src="__INDEX__/img/logo.png" alt="" style="float:right;zoom:1;overflow:hidden;100px;height:100px;margin-left:3px;"/>' +
    						'地址:北京市海淀区上地十街10号<br/>电话:(010)59928888<br/>简介:百度大厦位于北京市海淀区西二旗地铁站附近,为百度公司综合研发及办公总部。' +
    					  '</div>';
    
    		//创建检索信息窗口对象
    		var searchInfoWindow = null;
    		searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
    				title  : "公司名",      //标题
    				width  : 290,             //宽度
    				height : 105,              //高度
    				panel  : "panel",         //检索结果面板
    				enableAutoPan : true,     //自动平移
    				searchTypes   :[
    					BMAPLIB_TAB_SEARCH,   //周边检索
    					BMAPLIB_TAB_TO_HERE,  //到这里去
    					BMAPLIB_TAB_FROM_HERE //从这里出发
    				]
    			});
    		var marker = new BMap.Marker(poi); //创建marker对象
    		// marker.enableDragging(); //marker可拖拽
    		marker.addEventListener("click", function(e){
    			searchInfoWindow.open(marker);
    		})
    		map.addOverlay(marker); //在地图中添加marker
    		searchInfoWindow.open(marker);//显示marker
    		marker.setAnimation(BMAP_ANIMATION_BOUNCE);//标记跳动的动画
    	</script>
    

      引入百度js

    <script src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"type="text/javascript"></script>//必须引入的
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>//需要弹出信息窗口时引入
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />//需要弹出信息窗口时引入

  • 相关阅读:
    Java核心技术 卷一 笔记四 库类的直接使用
    Java核心技术 卷一 笔记三 大数值及数组
    Java核心技术 卷一 笔记2 字符串的复制
    Java核心技术 卷一 笔记1
    修改css 样式后, hover事件 不生效
    修改 element ui input 输入框 样式不生效问题
    css3 计算属性
    Vue3 改动系列
    浏览器实现,向下滑动 鼠标滚轮,页面横向移动
    linux ceont0s7 vue 打包压缩图片 一直报错
  • 原文地址:https://www.cnblogs.com/my2018/p/10485555.html
Copyright © 2011-2022 走看看