引用百度jsApi

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxxxx"></script>

创建地址解析器:

var localSearch = null;
//查询参数
var options = {//智能搜索
            onSearchComplete: function (results) {//查询结果状态码if (localSearch.getStatus() == BMAP_STATUS_SUCCESS) {var s = convertMapSearch(results);  //对结果进行处理model.locationAddress(s);   //将结果数据赋予knockout对象数组(可用其他数组对象代替)
                }}};localSearch = new BMap.LocalSearch("城市", options);

结合knockout的textInput绑定方法和对象的subscribe属性,实现输入框变化实时查询功能。

//绑定
<input id="txtAddress" type="text" placeholder="请输入用餐地址" data-bind="textInput: addressInput" />//subscribe属性  在输入变化的时候执行地址查询
sf.addressInput.subscribe(function (val) {var addr = $.trim(val);if (addr == "") {return;}localSearch.search(addr);});

转载于:https://www.cnblogs.com/lc-ant/p/4786753.html

js调用百度地图搜索功能相关推荐

  1. 原生js调用手机拍照功能

    原生js调用手机拍照功能 此功能主要用于混合App开发时手机拍照上传图片的功能! 话不多说直接上代码! 注:此代码在浏览器中运行时会报错,必须打开调试功能在手机上运行才可以! // html部分 // ...

  2. 百度地图搜索功能的实现

    适用任何语言 效果图: HTML代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> ...

  3. JS调用拨打电话功能

    1.通过window.location.href 示例: window.location.href=tel://123456789: 2.通过a标签 示例: uniapp调用拨打电话功能:使用uni. ...

  4. JS实现百度地图搜索悬浮窗功能

    百度了好多篇文章,发现这个是最有用的,复制下来之后,可以改地址,修改"北京"为你想要的地址就好了,搜索框输入你想要查找的地址,然后会联想出相关地址,点击就可以直接定位到了,超级好用 ...

  5. 记录个js调用浏览器打印功能的代码

    对应的是浏览器鼠标右键打印功能 function printPage() {document.body.innerHTML=document.getElementById('printdiv').in ...

  6. vue-baidu-map百度地图搜索功能,点击进行标点,获取经纬度坐标,百度地图使用黑色主题

    下载依赖 <template><div class="bDiv"><baidu-mapclass="bm-view":center ...

  7. 百度地图搜索功能的实现--new BMap.LocalSearch

    let local = new BMap.LocalSearch(map, {renderOptions: {map: map,},onSearchComplete: (res) => {if ...

  8. JS调用浏览器打印功能

    function doPrint() { //取得浏览器的userAgent字符串var userAgent = navigator.userAgent.toLowerCase();if (userA ...

  9. js调用微信扫一扫demo_JS 调用微信扫一扫功能

    1.第一步: 设置调用微信js安全域名,就可以在该域名下调用微信的js接口 2.第二步: 将下面的js附在需要调用微信扫一扫的页面上,前提是需要引入微信的js[] 3.第三步: 后台获取签名代码: p ...

  10. html 调用微信扫一扫,JS 调用微信扫一扫功能

    1.第一步: 设置调用微信js安全域名,就可以在该域名下调用微信的js接口 2.第二步: 将下面的js附在需要调用微信扫一扫的页面上,前提是需要引入微信的js[] 3.第三步: 后台获取签名代码: p ...

最新文章

  1. 晴天计算机按键,电脑怎样才能在按键的时候,按下去按键没反应,手台起来才有呢?...
  2. 一个Java Web后台任务执行工具的设计与实现
  3. js最简单的几个特效_高阶函数不会用?教你JS中最实用的几个高阶函数用法
  4. 华为AR28-31配置光纤接入
  5. IDEA 重复代码快速重构
  6. c语言使用数组计算最大数。_程序设计入门——C语言_浙江大学_第10次开课
  7. MoQ(基于.net3.5,c#3.0的mock框架)简单介绍(转)
  8. python源码编译 mingw_在windows上用gcc(mingw32)从命令行编译Cython扩展
  9. 5.1.7 INSERT新增数据
  10. linux互传文件nc命令
  11. nekohtml+xpath实例,及注意事项
  12. 小米路由pro php,完全拆解小米路由器Pro:无接口,预加硬盘无望
  13. 电气simulink常用模块_自动化设备电气图纸常用元件符号
  14. 【转】js 判断今天日期是否超过指定日期
  15. android口算程序,口算365天v1.0.0 Android
  16. 三星java游戏打雪仗下载_三星拱照之驸马镇邪
  17. 简易爬虫---爬图片以及用到的主要知识
  18. DIY自制STC单片机开发板
  19. php面向对象开源_回到学校:5个面向学生和老师的开源程序
  20. Dcloud学习资料汇总+视频教程

热门文章

  1. 自己制作的ORMap框架终于完成的差不多了。
  2. stylus 迭代+插值实现css同类型不同值样式序列
  3. vscode-更换图标主题VSCode Icons.
  4. Yii 2.0 权威指南(7) 关键概念
  5. 剪贴板增强工具 Ditto
  6. Python+Appium+夜神模拟器安装与简单运行(1/2)
  7. 28. Avoid returning handles to object internals
  8. MySQL安装详细图解
  9. networkxpdf_1 NetworkX概述
  10. dts directshow filter_DTS是什么?详解来了