网站通用百度地图调用示例,只需填入座标和百度密钥即可。内容可自己更换。
来源:互联网 发布:91视频解析网站源码 编辑:程序博客网 时间:2024/04/30 14:11
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} #allmap {height:500px;width:100%;overflow: hidden; border:1px solid #ccc; margin:20px 0;} #result {width:100%;font-size:12px;} dl,dt,dd,ul,li{ margin:0; padding:0; list-style:none; } dt{ font-size:14px; font-family:"微软雅黑"; font-weight:bold; border-bottom:1px dotted #000; padding:5px 0 5px 5px; margin:5px 0; } dd{ padding:5px 0 0 5px; } li{ line-height:28px; } </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></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" /> <div id="allmap"> </div><script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map('allmap'); var poi = new BMap.Point(114.041573,22.629422); map.centerAndZoom(poi, 16); map.enableScrollWheelZoom(); var content = '<div style="margin:0;line-height:20px;padding:2px;">' + '<img src="images/map.png" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' + '地址:XXXXX<br/>电话:XXXXX<br/>手机:XXX' '</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); // 添加带有定位的导航控件 var navigationControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, // LARGE类型 type: BMAP_NAVIGATION_CONTROL_LARGE, enableGeolocation: true }); map.addControl(navigationControl); </script><div class="clear"></div>
0 0
- 网站通用百度地图调用示例,只需填入座标和百度密钥即可。内容可自己更换。
- 百度地图调用示例
- 百度地图JS调用示例
- 调用百度地图开发示例
- 百度地图 密钥申请
- 百度地图API 密钥
- 百度地图-----密钥申请
- 百度地图中的密钥
- 百度地图API密钥
- Winform调用百度地图接口简单示例
- HTML 百度地图API调用示例源码
- C#调用百度地图接口简单示例
- 自己网页调用百度地图API
- 百度地图只定位
- 通用百度地图
- 如何获取百度地图API的密钥以及调用百度地图api
- 百度地图api申请密钥
- 网站添加自己公司的地图(使用的百度地图)时只显示一个空白框
- win32和x64平台的切换
- BZOJ 1036 树的统计
- hdu5288 多校联合第一场第一题
- CentOS更改yum源与更新系统
- Hive安装以及部署(Ubuntu-MySql)
- 网站通用百度地图调用示例,只需填入座标和百度密钥即可。内容可自己更换。
- java 虚拟机的理解
- 《移动APP测试实战》
- Google 发布 Android 性能优化典范
- BZOJ 1001 狼抓兔子
- 【java】五子棋小游戏
- ValidForm的使用
- Android NavagationBar自定义实现
- 关于weak