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. 数学图形(1.34) peut aussi曲线

    这是一种左右对称的类圆形曲线 #http://www.mathcurve.com/courbes2d/lissajous/lissajous2.shtml vertices = t = to (*PI ...

  2. windows服务器提权前请先执行systeminfo命令

    pr.巴西烤肉 对应补丁 好多朋友见到Windows服务器就祭出pr.巴西烤肉一气搞,忙完免杀又忙找可写目录,最后发现服务器打上了对应的补丁.笔者在提权前都会执行systeminfo命令,查看对应补丁 ...

  3. rqnoj-208-奥运火炬到厦门-dp

    这道题目是把一个连续的串看成一个环. 那么除了原始的求最大字段和外. 还存在一种情况是前面的连续最大值,加上后面的连续最大值. #include<stdio.h> #include< ...

  4. Glide Picasso Fresco UIL 图片框架 缓存 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  5. 设置 IE 默认模式为 IE8

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

  6. struts2-core-2.0.14更新到2.3.15

    struts2-core-2.0.14更新到2.3.15 将低版本的struts2-core更新到最新版本2.3.15,更新jar包,有这个几个 1. struts2-core-2.0.14.jar ...

  7. C# DataGridView在单元格提示里(ToolTip)显示完整的单元格内容

    当单元格内容太多时,则会忽略后面的内容 解决方案: 添加Dgv鼠标移到单元格事件时,设置当前单元格的ToolTipText属性内容为当前单元格内容 void From_Load(object send ...

  8. 【java web】--css+div总结

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/ ...

  9. UIWebView页面的控制(二)

    1.UIWebView的内容控制的属性/方法列表 loading属性               确认当前页面是否在读入中 canGoForward属性   确认goForward  方法是否可运行, ...

  10. JQuery 控制div滚动条保持最下

    $("#session_show").animate({ scrollTop: $("#session_show").scrollHeight },1000); ...