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. ExtJS ComboBox 录入智能提示

    ExtJS ComboBox非常复杂,有很多的属性:其中有的属性是针对某一种特定的方案而设计的,不是所有情况下都有效.我想下拉选择能支持录入,并且录入时能智能提示,弄了半天可以了,但是只能是mode= ...

  2. C# 利用反射动态创建对象[摘录]

    摘自:http://hi.baidu.com/yangyuhang/blog/item/f12ea90e13f214e336d12250.html 在VS.Net中,有很多种方法动态调用对象的构造函数 ...

  3. 详解vue父组件传递props异步数据到子组件的问题

    案例一 父组件parent.vue // asyncData为异步获取的数据,想传递给子组件使用 <template> <div> 父组件 <child :child-d ...

  4. [Python爬虫] 之五:Selenium 处理滚动条

     selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了. 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的.这时候需要借助滚动条来拖 ...

  5. RSA 公钥加密——私钥解密

    作者:刘巍然-学酥链接:http://www.zhihu.com/question/25912483/answer/31653639来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...

  6. Caused by: java.lang.NumberFormatException: For input string: &quot;&quot;

    1.错误描写叙述 java.lang.NumberFormatException: For input string: "" at java.lang.NumberFormatEx ...

  7. Android DataBinding库(MVVM设计模式)

    什么是MVVM 说到DataBinding,就有必要先提起MVVM设计模式.Model–View–ViewModel(MVVM) 是一个软件架构设计模式,相比MVVM,大家对MVC或MVP可能会更加熟 ...

  8. 配置静态监听解决ORA-12514错误的案例

    今天做Linux下DG配置的时候,遇到一个现象.tnsname.ora文件配置都正常,tnsping也正常,监听也正常.可是仍然报ORA-12514错误: SQL> set lin 130 pa ...

  9. taro 填坑之路(一)taro 项目回顾

    (1)像素写法 PX -- 大写,否则会自动成rem (2)拿取列表第一条数据 let { activity:[firstItem] } = this.state; (3)使用props 需要设置默认 ...

  10. 移动端项目中 @2x 图 和 @3x 图 的使用

    移动端开发过程中,因为手机的dpr(设备像素比不同),我们需要根据dpr来修改图标的大小: 1.通过mixin,动态修改图标的背景图片.通过@media (媒体查询),判断设备的dpr. @mixin ...