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. Dede(织梦) CMS SQL Injection Vulnerability

    测试方法: @Sebug.net   dis本站提供程序(方法)可能带有攻击性,仅供安全研究与教学之用,风险自负! # Dede Cms All Versions Sql Vulnerability ...

  2. JAVA反射使用手记

    本篇文章为在工作中使用JAVA反射的经验总结,也可以说是一些小技巧,以后学会新的小技巧,会不断更新.本文不准备讨论JAVA反射的机制,网上有很多,大家随便google一下就可以了. 在开始之前,我先定 ...

  3. 查找文本工具grep

    许多时候需要从一大堆的命令输出或文本内容中找出一两行关键的内容,例如从系统用户文件中查找某个用户.如果不借助工具,这将是一项非常繁琐的工作,这时可以使用grep工具对内容进行筛选. grep(glob ...

  4. SLAX初体验

    Slax是一个便捷.便携的Linux操作系统.它的界面既充满时尚感,又可基于不同模块的功能运作.它的界面富有时尚感,并集成了不同的模块的界面.尽 管它的容量十分娇小,Slax依然预载了不少日常应用的软 ...

  5. UI组件之TextView及其子类(五)计时器Chronometer

    Chronometer直接继承了TextView组件,它会显示一段文本,显示从某个事实上时间開始.一共过了多长时间.我们看Chronometer的源代码: watermark/2/text/aHR0c ...

  6. 如何下载flash离线安装包

      如何下载flash离线安装包 CreateTime--2018年4月14日16:02:13 Author:Marydon 1.下载地址 UpdateTime--2018年5月13日16点55分 p ...

  7. 在linux下新增一块硬盘的操作。(包含大于2T的硬盘在linux下挂载操作)

    转自:http://blog.csdn.net/season_hangzhou/article/details/36423223 一.安装硬盘到物理机上. 二.查看硬盘是否正确安装. 使用“fdisk ...

  8. 常用/常见Java Web 服务器/应用服务器Logo图文介绍

    常用/常见应用服务器介绍:自己总结.整理一些常见的应用服务器,资料主要来源于网上.     常用Java Web 服务器Java Web应用程序需要部署在Java web服务器中运行,常用的Java ...

  9. 总结一些js自定义的函数

    1.dayin() 作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题. 使用方法:将要打印的内容通过 <span id="dayin"> ...

  10. Android设计模式系列(1)--SDK源码之组合模式

    Android中对组合模式的应用,可谓是泛滥成粥,随处可见,那就是View和ViewGroup类的使用.在android UI设计,几乎所有的widget和布局类都依靠这两个类.组合模式,Compos ...