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" />//需要弹出信息窗口时引入

  • 相关阅读:
    理解SQL SERVER中非聚集索引的覆盖,连接,交叉和过滤
    TSQL查询进阶流程控制语句
    效率最高的Excel数据导入(c#调用SSIS Package将数据库数据导入到Excel文件中【附源代码下载】)
    SQL Service自定义数据类型
    理解SQL SERVER中的逻辑读,预读和物理读
    TSQL查询进阶深入理解子查询
    SQL查询入门(下篇)
    使用SQL进行递归查询
    利用 sys.sysprocesses 检查 Sql Server的阻塞和死锁
    灵活运用 SQL SERVER FOR XML PATH
  • 原文地址:https://www.cnblogs.com/my2018/p/10485555.html
Copyright © 2011-2022 走看看