1. var map = new BMap.Map("container");
  2. var preMarker = new BMap.Marker();
  3. map.addControl(new BMap.NavigationControl());//启用缩放轴
  4. map.addControl(new BMap.ScaleControl());//启用距离监测
  5. var myGeo = new BMap.Geocoder(); //创建地址解析实例
  6. myGeo.getPoint("${house.mapLocateaddress}", function (point) {
  7. if (point) {
  8. mPoint = new BMap.Point(point.lng, point.lat);
  9. map.centerAndZoom(mPoint, 16);
  10. displayPOI();
  11. } else {
  12. myGeo.getPoint("${house.mapLocateaddress2}", function (point) {
  13. if (point) {
  14. mPoint = new BMap.Point(point.lng, point.lat);
  15. map.centerAndZoom(mPoint, 16);
  16. displayPOI();
  17. }
  18. }, "广东省");
  19. }
  20. }, "广东省"); //必须设置城市
  21. /* map.enableScrollWheelZoom(); //启用滚轮缩放*/
  22. var mOption = {
  23. poiRadius: 10000, //半径为1000米内的POI,默认100米
  24. numPois: 30 //列举出50个POI,默认10个
  25. }
  26. //POI导航选中样式
  27. $("#map-indicator a").click(function () {
  28. $("#map-indicator a").removeClass("on");
  29. $(this).addClass("on");
  30. $("#env-list h3").text($("#map-indicator .on").html());
  31. displayPOI();
  32. })
  33. var allPois;
  34. var markers=[];
  35. function displayPOI() {
  36. map.clearOverlays();
  37. var poiType = $("#map-indicator .on").html();
  38. var circle = new BMap.Circle(mPoint,500,{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.1, strokeOpacity: 0.1});
  39. map.addOverlay(circle);
  40. var local = new BMap.LocalSearch(map, {renderOptions: {map: map, autoViewport: false,panel: "map-result-list"}});
  41. local.searchNearby(poiType,mPoint,500);
  42. }



百度地图 JSAPI使用 mark 定位地址 与周边覆盖物的更多相关文章

  1. 如何利用百度地图JSAPI画带箭头的线?

    百度地图JSAPI提供两种绘制多折线的方式,一种是已知多折线经纬度坐标串通过AddOverlay接口进行添加:另一种是通过在地图上鼠标单击进行绘制(鼠标绘制工具条库).目前这两种方式只能绘制多折线,并 ...

  2. 如何利用【百度地图API】进行定位?非GPS定位

    原文:如何利用[百度地图API]进行定位?非GPS定位 如果你可以上网,如果你有火狐浏览器,那么恭喜你.你能很容易使用以下代码进行定位! ------------------------------- ...

  3. HTML5调用百度地图API进行地理定位实例

    自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发.虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情.今天为大家带来的是使用HTML5调用百度地图AP ...

  4. 百度地图jsapi 自定义大头针的方法

    百度地图jsapi 自定义大头针的方法<pre> var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdem ...

  5. 百度地图 JSAPI使用 定位当前地址 与路径规划

    http://lbsyun.baidu.com/index.php?title=jspopular  api  http://developer.baidu.com/map/jsdemo.htm#a1 ...

  6. 百度地图JSAPI浏览器定位

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥 ...

  7. 百度地图API的IP定位城市和浏览器定位(转)

    百度地图API提供了Geolocation 和 LocalCity两个服务类. 这俩API可以分别供用户在JavaScript中进行定位和城市确认. 1 本质上,Geolocation这个类是使用了支 ...

  8. 使用百度地图开发一个导航定位demo-android学习之旅(77)

    首先介绍如何导入百度地图 步骤(其实官方文档写的很清楚了)http://developer.baidu.com/map/index.php?title=androidsdk/guide/introdu ...

  9. angularjs_百度地图API_根据经纬度定位_示例

    百度API--Demo地址:   http://lbsyun.baidu.com/jsdemo.htm#i8_4 本例是在angular.js使用的百度地图根据经纬度定位的API:(正常的页面写法基本 ...

随机推荐

  1. 不要让Javascript的等价表格看上去那么难看

    时不时的会有人贴出一张表格,用来展现javascript的 '==' 比较出来的结果.像最近的这个例子,看看这张表格有多么的无序. 这些文章基本上都是对的,他们指出 '==' 设计的很糟糕.但是他们通 ...

  2. (转)行为树(Behavior Tree)

    转自:http://www.cnblogs.com/konlil/archive/2011/04/23/2025954.html 如果要让游戏里的角色或者NPC能执行预设的AI逻辑,最简单的用IF.. ...

  3. 怎样改动android系统字体大小

    改动字体大小的方法是运用到一个ActivityManagerNative类 首先先在代码宣告 private Configuration mconfig = new Configuration(); ...

  4. [Algorithm] Array production problem

    Given an array of integers, return a new array such that each element at index i of the new array is ...

  5. PostgreSQL流复制参数max_wal_senders详解

    转自:http://my.oschina.net/Kenyon/blog/152234PostgreSQL 9.2.4 主机:192.25.10.76 从机:192.25.10.71 做postgre ...

  6. SQL语法 之 表连接

    一.连接条件 连接查询中用来连接连个表的条件称为连接条件或连接谓词.其形式为: [<表1>].<列名1> <连接运算符> [<表2>].<列2&g ...

  7. Python 创建特殊元组tuple

    创建1个元素的tuple  (1,) 创建单元素tupletuple和list一样,可以包含 0 个.1个和任意多个元素.包含多个元素的 tuple,前面我们已经创建过了.包含 0 个元素的 tupl ...

  8. Qt 5.3更新无数,更改C++控制台输出最为赞

    迁移至 多色网

  9. 【Oracle】IMP-00010: not a valid export file, header failed verification

    别人给了一个Oracle文件,结果在导入的时候发现有问题,报错如下: IMP-00010: not a valid export file, header failed verification 在网 ...

  10. Python 调试:step into/step out/step over 的区别

    Python 调试:step into/step out/step over 的区别: 首先在PyCharm 程序中设置 “ 断点 ”,后点击右上角的Debug 按钮进入调试程序状态: step in ...