js调用百度地图搜索功能
引用百度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调用百度地图搜索功能相关推荐
- 原生js调用手机拍照功能
原生js调用手机拍照功能 此功能主要用于混合App开发时手机拍照上传图片的功能! 话不多说直接上代码! 注:此代码在浏览器中运行时会报错,必须打开调试功能在手机上运行才可以! // html部分 // ...
- 百度地图搜索功能的实现
适用任何语言 效果图: HTML代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> ...
- JS调用拨打电话功能
1.通过window.location.href 示例: window.location.href=tel://123456789: 2.通过a标签 示例: uniapp调用拨打电话功能:使用uni. ...
- JS实现百度地图搜索悬浮窗功能
百度了好多篇文章,发现这个是最有用的,复制下来之后,可以改地址,修改"北京"为你想要的地址就好了,搜索框输入你想要查找的地址,然后会联想出相关地址,点击就可以直接定位到了,超级好用 ...
- 记录个js调用浏览器打印功能的代码
对应的是浏览器鼠标右键打印功能 function printPage() {document.body.innerHTML=document.getElementById('printdiv').in ...
- vue-baidu-map百度地图搜索功能,点击进行标点,获取经纬度坐标,百度地图使用黑色主题
下载依赖 <template><div class="bDiv"><baidu-mapclass="bm-view":center ...
- 百度地图搜索功能的实现--new BMap.LocalSearch
let local = new BMap.LocalSearch(map, {renderOptions: {map: map,},onSearchComplete: (res) => {if ...
- JS调用浏览器打印功能
function doPrint() { //取得浏览器的userAgent字符串var userAgent = navigator.userAgent.toLowerCase();if (userA ...
- js调用微信扫一扫demo_JS 调用微信扫一扫功能
1.第一步: 设置调用微信js安全域名,就可以在该域名下调用微信的js接口 2.第二步: 将下面的js附在需要调用微信扫一扫的页面上,前提是需要引入微信的js[] 3.第三步: 后台获取签名代码: p ...
- html 调用微信扫一扫,JS 调用微信扫一扫功能
1.第一步: 设置调用微信js安全域名,就可以在该域名下调用微信的js接口 2.第二步: 将下面的js附在需要调用微信扫一扫的页面上,前提是需要引入微信的js[] 3.第三步: 后台获取签名代码: p ...
最新文章
- 晴天计算机按键,电脑怎样才能在按键的时候,按下去按键没反应,手台起来才有呢?...
- 一个Java Web后台任务执行工具的设计与实现
- js最简单的几个特效_高阶函数不会用?教你JS中最实用的几个高阶函数用法
- 华为AR28-31配置光纤接入
- IDEA 重复代码快速重构
- c语言使用数组计算最大数。_程序设计入门——C语言_浙江大学_第10次开课
- MoQ(基于.net3.5,c#3.0的mock框架)简单介绍(转)
- python源码编译 mingw_在windows上用gcc(mingw32)从命令行编译Cython扩展
- 5.1.7 INSERT新增数据
- linux互传文件nc命令
- nekohtml+xpath实例,及注意事项
- 小米路由pro php,完全拆解小米路由器Pro:无接口,预加硬盘无望
- 电气simulink常用模块_自动化设备电气图纸常用元件符号
- 【转】js 判断今天日期是否超过指定日期
- android口算程序,口算365天v1.0.0 Android
- 三星java游戏打雪仗下载_三星拱照之驸马镇邪
- 简易爬虫---爬图片以及用到的主要知识
- DIY自制STC单片机开发板
- php面向对象开源_回到学校:5个面向学生和老师的开源程序
- Dcloud学习资料汇总+视频教程
热门文章
- 自己制作的ORMap框架终于完成的差不多了。
- stylus 迭代+插值实现css同类型不同值样式序列
- vscode-更换图标主题VSCode Icons.
- Yii 2.0 权威指南(7) 关键概念
- 剪贴板增强工具 Ditto
- Python+Appium+夜神模拟器安装与简单运行(1/2)
- 28. Avoid returning handles to object internals
- MySQL安装详细图解
- networkxpdf_1 NetworkX概述
- dts directshow filter_DTS是什么?详解来了