<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <style type="text/css">

    body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

    #allmap {height: 600px;width:100%;overflow: hidden;}

    #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=QfT1nxn0agjht4lGTgCfV4zD"></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" />

    <title></title>

</head>

<body>

    <div id="allmap">

    </div>

</body>

</html>

文内JS代码（博文中不能带script标签）：

// 百度地图API功能

    var map = new BMap.Map('allmap');

    var poi = new BMap.Point(${bean.dictionaryExt.string1});

    map.centerAndZoom(poi, 16);

    map.enableScrollWheelZoom();

    var content = '<div style="margin:0;line-height:20px;padding:2px;">' +

    				'县  市  区：${bean.dictionaryExt.name} <br/>'+

                    //'<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +

                    '地        址：${bean.defaultValue}<br/>'+

                    '服务时间：${bean.dictionaryExt.description} <br/>'+

                    '电        话：${bean.dictionaryExt.string2!?html}' +

                  '</div>';

    //创建检索信息窗口对象

    var searchInfoWindow = null;

	searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {

			title  : "XXXX",      //标题

			width  : 290,             //宽度

			height : 105,              //高度

			panel  : "panel",         //检索结果面板

			enableAutoPan : false,     //自动平移

			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

　　

附：百度地图坐标拾取

百度地图HTML接口的更多相关文章

  1. WebApiClient百度地图服务接口实践

    1. 文章目的 随着WebApiClient的不断完善,越来越多开发者选择WebApiClient替换原生的HttpClient,然而在应用到实际项目中多多少少会遇到一些项目结合上的疑问和困难,本文将 ...

  2. 简单几行代码使用百度地图API接口分页获取信息

    首发于: 万能助手扩展开发:使用百度地图API接口分页获取信息_电脑计算机编程入门教程自学 http://jianma123.com/viewthread.aardio?threadid=426 使用 ...

  3. Angular 调用百度地图API接口

    Angular 调用百度地图API接口 参考原文:https://blog.csdn.net/yuyinghua0302/article/details/80624274 下面简单介绍一下如何在Ang ...

  4. httpclient案例二（调用百度地图的接口）

    一,class T package com.http.test; import org.junit.Test; import com.http.BaiduMapProxyService; import ...

  5. tp5 封装百度地图api接口

    //服务器端api extend\Map <?php /** * 百度地图业务封装 */ class Map{ /** * 根据地址来获取经纬度 * @param $address */ pub ...

  6. vue框架导入百度地图API接口的方法

    百度请求API接口:

  7. 百度地图API接口

    js <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("map&quo ...

  8. 用户Ip地址和百度地图api接口获取用户地理位置（经纬度坐标，城市）

    <?php   //获取用户ip(外网ip 服务器上可以获取用户外网Ip 本机ip地址只能获取127.0.0.1) function getip(){     if(!empty($_SERVE ...

  9. 使用百度地图api接口获取公交地图路线和车站

    需要在页面文件中引用百度的js @*<script type="text/javascript" src="http://api.map.baidu.com/api ...

随机推荐

  1. POJ 1159

    区间dp 比如从i到j如果str[i] == str[j]那么i到j的值就与i+1到j-1相同,否则从i到j-1与i+1到j中选一个最优解,这道题直接定义int的二维数组会mle,用short,也可以 ...

  2. uva 371 - Ackermann Functions

    #include <cstdio> int main() { long int F, S, I, Count, Value, Max, J; while(scanf("%ld % ...

  3. 一种用css实现图片在父框中等比缩放并垂直居中的办法

    一个网页中往往会有很多图片,而网站的编辑上传图片时可能并不一定按照为父框设定的那个宽高来传,这样图片往往会将父框撑开或者被父框截断.一种比较好的解决的办法是这样的: HTML代码结构: <div ...

  4. PHP 汉字转拼音(首拼音,所有拼音)

    <?php /** +------------------------------------------------------ * PHP 汉字转拼音 +------------------ ...

  5. python字符串格式化 %操作符 {}操作符---总结

    Python字符串格式化 (%占位操作符) 在许多编程语言中都包含有格式化字符串的功能,比如C和Fortran语言中的格式化输入输出.Python中内置有对字符串进行格式化的操作 %. 模板 格式化字 ...

  6. oracle 主键应用序列和触发器实现自动增长

    oracle 主键自动增长 这几天搞Oracle,想让表的主键实现自动增长,查网络实现如下: create table simon_example ( id number(4) not null pr ...

  7. C C++ OC iOS面试重点问题（一）

    C C++ OC iOS面试重点问题(一) 1.字符串常量需要加\0 2.逻辑运算 位操作(经典:实现两个数的交换) 3.关键字 4.引用和指针的区别和联系 5.如何引用一个已经定义过的全局变量?  ...

  8. 学EE做硬件找工作不如学CS做软件，为什么会这样？

    学EE做硬件找工作不如学CS做软件,为什么会这样? 电子工程(EE)就业最好的方向居然是转计算机,也许让有的人觉得很不公平,EE也是很重要的学科,我们学习也很努力,为什么就业会不如CS?也有的人好奇, ...

  9. redis 验证消息队列也是写磁盘的

    # 下面的例子将会进行把数据写入磁盘的操作: # 900秒(15分钟)之后,且至少1次变更 # 300秒(5分钟)之后,且至少10次变更 # 60秒之后,且至少10000次变更 # # 注意:你要想不 ...

  10. 【C++模版之旅】静态多态的讨论

    说到面向对象特性之一“多态”,以我的水平已经说不出太多新意了.相信很多程序员代码K多了,做梦都在“多态中”运行着.常规的多态是C++语义内置支持的一种特性,通过虚函数可以实现这个特性,为了后面以示区别 ...