<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{width:845px;height:400px;}

         p{margin-left:5px; font-size:14px;}

         .BMap_bubble_content{

             color:red;

         }

     </style>

     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您申请的百度的ak"></script>

     <title>根据关键字本地搜索</title>

 </head>

 <body>

     <div id="allmap"></div>

 </body>

 </html>

 <script type="text/javascript">

     // 百度地图API功能

     var map = new BMap.Map("allmap");         //初始化地图

     map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

     var local = new BMap.LocalSearch(map, {

         onSearchComplete:myFun

     });

     map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用

     map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用

     local.search("您要搜索的地址");//这里是企业输入的地址

     function myFun() {

             var pp = local.getResults().getPoi(0).point; //获取第一个智能搜索的结果

             map.centerAndZoom(pp,15); //设置地图显示中间点、地图显示级别

             console.log(pp.lat,pp.lng)

             var point = new BMap.Point(pp.lng,pp.lat);

             var marker = new BMap.Marker(point);

             map.addOverlay(marker);              // 将标注添加到地图中

             map.centerAndZoom(point, 15);

             var opts = {

               width : 200,     // 信息窗口宽度

               height: 80,     // 信息窗口高度

               title : "xxxx公司" , // 信息窗口标题

               enableMessage:true,//设置允许信息窗发送短息

               message:""

             }

             var infoWindow = new BMap.InfoWindow("地址：XXXXXXX", opts);  // 创建信息窗口对象 

             //点击按钮弹出信息窗口

             marker.addEventListener("click", function(){

                 map.openInfoWindow(infoWindow,point); //开启信息窗口

             });

         }

 </script>

百度地图api使用，简单搜索+经纬度定位+自定义消息窗口的更多相关文章

  1. 百度地图API 显示区域边界及地名定位

    百度地图API 显示区域边界及地名定位 这个定位一共用了两个方法组成 一个是定位绘制区域边界线,另一个是地名定位 原理: 当用户输入省.市.县.区这种大地名时,我们要定位用户输入的这个位置,并显示轮廓 ...

  2. 百度地图API 根据地址查询经纬度

    html页面.引用上API: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> ...

  3. 百度地图api的简单应用

    百度地图api 获取经纬度(通过浏览器的) //获取经纬度 window.navigator.geolocation.getCurrentPosition(function(position) { a ...

  4. 百度地图API根据地名获取经纬度

    运用了Geocoding API,它包括地址解析和逆地址解析功能. 地址解析是指,由详细到街道的结构化地址得到百度经纬度信息,且支持名胜古迹.标志性建筑名称直接解析返回百度经纬度.例如:“北京市海淀区 ...

  5. 百度地图api的简单应用（一）：POI检索

    使用之前,需要注册一个百度地图开发者账号,最好申请一个认证以获取更高的使用配额和并发上限. 注册之后,申请一个应用,获得一个ak(密钥),并填写ip地址白名单.(这里我使用0.0.0.0/0,查了自己 ...

  6. 百度地图api之----根据用户ip定位城市

    LocalCity 这个类是利用用户IP地址去百度数据库里查询得到IP所在的城市,用法如下: var objCity = new BMap.LocalCity(); objCity.get(funct ...

  7. 百度地图API地址转换成经纬度

    public class LngAndLatUtil { public static Map<String,Double> getLngAndLat(String address){ Ma ...

  8. 利用百度地图API根据地址查询经纬度

    传上来只是为了记录下三种jsonp方式,$.get(url, callback)方式不行,会出错 -- 必须指明返回类型为”json”才行. 或者使用$.getJSON()或者$.ajax({}). ...

  9. 利用百度地图API实现地址和经纬度互换查询

    import json import requests def baiduMap(input_para): headers = { 'User-Agent': 'Mozilla/5.0 (Window ...

随机推荐

  1. 【LeetCode 110_二叉树_遍历】Balanced Binary Tree

    解法一:From top to bottom int treeHeight(TreeNode *T) { if (T == NULL) ; ; } bool isBalanced(TreeNode* ...

  2. New Concept English three （23）

    31w 45 People become quite illogical when they try to decide what can be eaten and what cannot be ea ...

  3. New Concept English three（21）

    27W 59 Boxing matches were very popular in England two hundred years ago. In those days, boxers foug ...

  4. jsp页面：js方法里嵌套java代码（是操作数据库的），如果这个js 方法没被调用，当jsp页面被解析的时候，不管这个js方法有没有被调用这段java代码都会被执行？

    jsp页面:js方法里嵌套java代码(是操作数据库的),如果这个js 方法没被调用,当jsp页面被解析的时候,不管这个js方法有没有被调用这段java代码都会被执行? 因为在解析时最新解析的就是JA ...

  5. java事务（三）

    java事务(三)——自己实现分布式事务 在上一篇<java事务(二)——本地事务>中已经提到了事务的类型,并对本地事务做了说明.而分布式事务是跨越多个数据源来对数据来进行访问和更新,在J ...

  6. IR Cut Filter

    IR cut filter,即红外截止滤光片,它放在于LENS与Sensor之间.因人眼与CMOS Sensor对各波长的响应不同,人眼看不到红外光但sensor会感应,因此需要IR cut filt ...

  7. HM visual studio编译报错

    今天,编译HM的代码,发现编译报如下错误. error MSB6003: The specified task executable "cl.exe" could not be r ...

  8. vue中使用jquery插件

    (1)使用npm下载安装依赖 直接npm  install  ‘插件名称’ --save   安装依赖 在main.js中引入插件的样式 在页面中直接使用 (2)直接将js文件引入到项目中 先将js文 ...

  9. jq的.off解绑事件

    .off( events [, selector ] [, handler ] ) 描述:移除一个事件处理函数 events 类型: String 一个或多个空格分隔的事件类型和可选的命名空间,或仅仅 ...

  10. 基于视觉的 SLAM/Visual Odometry (VO) 开源资料、博客和论文列表

    基于视觉的 SLAM/Visual Odometry (VO) 开源资料.博客和论文列表 以下为机器翻译,具体参考原文: https://github.com/tzutalin/awesome-vis ...