http://lbsyun.baidu.com/index.php?title=jspopular   api  http://developer.baidu.com/map/jsdemo.htm#a1_2 实例地址  var map = new BMap.Map("container"); var preMarker = new BMap.Marker(); map.addControl(new BMap.NavigationControl());//启用缩放轴 map.addCon…
百度地图JSAPI提供两种绘制多折线的方式,一种是已知多折线经纬度坐标串通过AddOverlay接口进行添加:另一种是通过在地图上鼠标单击进行绘制(鼠标绘制工具条库).目前这两种方式只能绘制多折线,并不能同时绘制线的箭头,以下介绍如何在线的拐点同时绘制箭头,以供参考.最终效果如下: 1. 绘制箭头方法: 上图中,线段AB是通过JSAPI画线方式添加的,只要绘制出CBD就可以实现箭头效果.为了灵活绘制箭头,需要用户自定义箭头的长度(r)和角度(angle). 实现步骤如下: 变量定义:pixelS…
原文:如何利用[百度地图API]进行定位?非GPS定位 如果你可以上网,如果你有火狐浏览器,那么恭喜你.你能很容易使用以下代码进行定位! ------------------------------------------------------------------------------- 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用程序. 其中,有Geolocation这个类,可以帮助你进行定位. 它的原理是,利用…
自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发.虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情.今天为大家带来的是使用HTML5调用百度地图API进行地理定位实例.请看下面代码: <!DOCTYPE html> <html> <title>HTML5调用百度地图API进行地理定位实例</title> <head> <meta http-equiv="Content-Type&…
百度地图jsapi 自定义大头针的方法<pre> var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/fox.gif", new BMap.Size(300,157)); var mk = new BMap.Marker(r.point,{icon:myIcon}); map.addOverlay(mk); map.panTo(r.point);</pre>…
http://lbsyun.baidu.com/index.php?title=jspopular  api  http://developer.baidu.com/map/jsdemo.htm#a1_2 实例地址  样式 div <style> #allmap {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微软雅黑";} body{ font-size: 12px; } </style…
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥"></script> <div id="allmap" style="width: 100%;height: 500px;"></div> <script type="text/javascript&…
百度地图API提供了Geolocation 和 LocalCity两个服务类. 这俩API可以分别供用户在JavaScript中进行定位和城市确认. 1 本质上,Geolocation这个类是使用了支持HTML5浏览器提供的Geolocation API 来进行定位的.目前Internet Explorer 9.Firefox.Chrome.Safari 以及 Opera 支持地理定位(因为他们支持HTML5). 2 本质上,LocalCity这个类是利用用户IP地址去百度数据库里查询得到IP所…
首先介绍如何导入百度地图 步骤(其实官方文档写的很清楚了)http://developer.baidu.com/map/index.php?title=androidsdk/guide/introduction 1.注册开发者账号 2.注册你的应用,登陆控制台,然后输入数字签名和包名,得到开发Id 3. 下载android sdk进行配置,我用的是Android studio,配置步骤是,在app底下的libs下导入,没有的话新建,在src/main/目录下新建jniLibs目录,放下那些搜文件…
百度API--Demo地址:   http://lbsyun.baidu.com/jsdemo.htm#i8_4 本例是在angular.js使用的百度地图根据经纬度定位的API:(正常的页面写法基本一致,只是引用的时候有点不太一样而已) A-页面:a.html <!--活动地图--> <div style="height: 400px" id="allmap"></div> B-JS:a-controller.js //加载js…
定位技术在现在的移动设备上是必不可少的,许多app都会使用定位功能. 通常定位方式有两种:GPS定位:网络定位. Android系统对这两种定位方式都提供了相应的API支持,但是因为google的网络服务在中国不可访问,所以在中国很少用到Android原生定位API,而是使用一些国内第三方公司的SDK(如百度.高德).这次学习的就是百度的LBS(需要提前申请API Key,下载相应的包). lbsyun.baidu.com 1.在Gradle文件(Module:app)android标签下中添加…
前端时间需要在页面的输入框输入地址,搜索并在百度地图上获取选定结果的坐标,前端使用了Vue + Element-ui,地图方面直接使用了封装好的百度地图vue组件-vue-baidu-map       输入框使用自动完成的Input组件,在输入地址时不断更新地图搜索结果和地图当前定位.  以下是demo代码   <template> <div class="app-container"> <el-autocomplete v-model="ma…
需要购买阿里云产品和服务的,点击此链接领取优惠券红包,优惠购买哦,领取后一个月内有效: https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=fp9ccf07 1.首先注册百度地图开放平台账号 注册完之后可以生成自己的密钥 http://lbsyun.baidu.com 2.在html页面中引入百度地图js文件 http://api.map.baidu.com/api?v=2.0&ak=您的密钥 <script ty…
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type=…
之前弄了个谷歌地图API标注的调用实例,后来要求改成百度地图. 感谢主,通过网上资料(百度地图API,百度地图API详解之地图标注)收集及研究, 终于把百度地图标注和显示功能实现出来了,具体实现方法如下: 1.依然是要弄个地图自定义控件: <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BaiduMap.ascx.cs" Inherits="Web.User…
1.前言 将地图嵌入到项目中的需求很多,好吧,我一般都是用的百度地图.那么今天就主要写一个完整的demo.展示一个列表,点击列表的任一内容,在地图上定位到该位置,并有动画效果.来来来,直接上demo 2.详细流程 1.引入文件 <script type="text/javascript" src="http://api.map.baidu.com/api?v1.5&ak=AFb5d4d8279a19b2fc3a16d063f26772"><…
首先这是百度地图api 的接口地址,基于接口的参数,不过多介绍,其中都提供相应的介绍: http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding…
1.效果图 2.源码 主要使用百度地图的JavaScript API文件,以及一个JQuery文件. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author&…
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <LinearLayout android:layout_…
怀着激动.兴奋的心情,在这个漫天柳絮的季节写下了这片博文,为什么呢,因为困扰我很久的一个技术性的问题得到了解决,发次博文,供大家参观.学习,同时,也以慰藉我长期困扰的心情,好了,废话不再,言归正传,看看这到底是个什么东西? 首先,简单地介绍一下功能:1.离线地图的加载:2.GPS的定位与显示.文字比较模糊,看看实际的效果图: 功能其实很简单,下面解释一下实现思路: 1.布局 <?xml version="1.0" encoding="utf-8"?> &…
1.IP定位切换 2.点击坐标获取地点 3.查询地点切换坐标 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>简单地图</title> <meta name="viewport" content="w…
本文在上文基础上加入GPS定位功能,实现实时定位,代码如下: Activity: package com.home; import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import android.location.Location; import android.location.LocationListener; import android.locatio…
<?php /** * 根据地理坐标获取国家.省份.城市,及周边数据类(利用百度Geocoding API实现) * 百度密钥获取方法:http://lbsyun.baidu.com/apiconsole/key?application=key(需要先注册百度开发者账号) * Date: 2015-07-30 * Author: fdipzone * Ver: 1.0 * * Func: * Public getAddressComponent 根据地址获取国家.省份.城市及周边数据 * Pri…
网上找了很多都是没用的,非动态用法,最后在官网论坛才问到的 现在来一步一步教大家用 1 这是地址:   http://developer.baidu.com/map/ 选择web开发 先获取密钥   这个是免费的,按他的注册来,一步一步 注册完了之后就到了这里 然后点击创建应用,  随便勾选, 这个访问应用,就是你的密钥了,免费的,下面用的上 进入获取代码的页面 点击 示迾DEMO 关键的地方来了,我们要找的是这个 “ 检索示迾” 这样代码就出来了,好了我们就可以将代码中的东西动态的替换我们的东…
http://www.mengxiangchaoren.com/jquery.select.position.min.js 使用方法 $("#myCity").renderSelect({posByGps:true,bdAk:BD_AK});…
$(function(){ var latlon=null; //ajax获取用户所在经纬度 $.ajax({ url:"http://api.map.baidu.com/location/ip?ak=bFNYmleHunu49WxpIlCN8QxTpzs93c8V&coor=bd09ll", type:"POST", dataType:"jsonp", success:function(data){ latlon=data.conten…
现象:运行mapView.requestLocation(),返回值为1即“服务没有启动”. 解决方案:看一下主配置文件中服务是否配置了,具体如下: <service android:name="com.baidu.location.f" android:enabled="true" android:process=":remote" > </service> 上面这段代码不用修改,直接复制粘贴就行了.…
1.index.html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> 2.vue组件,HTML部分 <template> <div class="firePower"> <div id="firePowerMap"></…
本次讲解微信开发第三篇:获取用户地址位置信息,是非常常用的功能,特别是服务行业公众号,尤为需要该功能,本次讲解的就是如何调用微信JS-SDK接口,获取用户位置信息,并结合百度地铁,实现在线地图搜索,与在线导航. 官方文档地址:https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 在这粘贴上二篇博文链接,方便大家访问: 微信公众号开发<一>OAuth2.0网页授权认证获取用户的详细信息,实现自动登陆 微信公众号…
本次讲解微信开发第三篇:获取用户地址位置信息,是非常常用的功能,特别是服务行业公众号,尤为需要该功能,本次讲解的就是如何调用微信JS-SDK接口,获取用户位置信息,并结合百度地铁,实现在线地图搜索,与在线导航. 官方文档地址:https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 在这粘贴上二篇博文链接,方便大家访问: 微信公众号开发<一>OAuth2.0网页授权认证获取用户的详细信息,实现自动登陆 微信公众号…