<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. Android SDK无法更新解决办法

    一.设置SDK代理 启动Android SDK Manager,选择菜单 Tools ->Options -> 代理地址: mirrors.opencas.cn 代理端口: 80 如下图: ...

  2. Mvc6 错误Microsoft.AspNet.Http.Features.IRequestIdentifierFeature

    System.TypeLoadException 未能从程序集“Microsoft.AspNet.Http.Features, Version=1.0.0.0, Culture=neutral, Pu ...

  3. BZOJ5196: [Usaco2018 Feb]Taming the Herd（DP暴力）

    5196: [Usaco2018 Feb]Taming the Herd Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 78  Solved: 71[ ...

  4. Luogu 3690 Link Cut Tree

    Luogu 3690 Link Cut Tree \(LCT\) 模板题.可以参考讲解和这份码风(个人认为)良好的代码. 注意用 \(set\) 来维护实际图中两点是否有直接连边,否则无脑 \(Lin ...

  5. BZOJ 2530 Poi2011 Party 【枚举】

    BZOJ 2530 Poi2011 Party Description Byteasar intends to throw up a party. Naturally, he would like i ...

  6. tableview小结-初学者的问题

    初学者的问题主要集中在,下面几个问题: 一.几个函数总是不被调用:例如: - (UIView *)tableView:(UITableView *)tableView viewForHeaderInS ...

  7. Paths中的几个重要元素

    Paths中的几个重要元素 Points void CGContextMoveToPoint (    CGContextRef c,    CGFloat x,    CGFloat y ); 指定 ...

  8. js中怎么去掉数组的空值

    for(var i = 0 ;i<array.length;i++)  {              if(array[i] == "" || typeof(array[i] ...

  9. pipeline的存储代码

    在spider中最后一个函数返回item时会scrapy会调用pipeline里面的 process_item(self, item, spider):函数并传入item,spider等参数在这里可以 ...

  10. WebApi系列~通过HttpClient来调用Web Api接口~续~实体参数的传递 【转】

    原文:http://www.cnblogs.com/lori/p/4045633.html 下面定义一个复杂类型对象 public class User_Info { public int Id { ...