精华内容
下载资源
问答
  • 创建地理围栏(以marker所在位置为中心,半径默认设置为100米) 通过BroadcastReceiver监听当前位置与围栏的位置关系 实现过程: 1. 后台定位 为了最大程度的增加定位进程的存活率,百度Android定位SDK提供后台持续...
  • 高德地图api获取当前地理位置

    千次阅读 2019-09-23 14:51:03
    引入 <script language="javascript" src...key=你的key"></script> 高德地图开发平台可以注册账号,创建应用获取key值,注意的是chrome浏览器不支持h5的api Geolocation mapObj = new AMap.Map('i...

    引入

    		<script language="javascript" src="https://webapi.amap.com/maps?v=1.3&key=你的key"></script>
    

    高德地图开发平台可以注册账号,创建应用获取key值,注意的是chrome浏览器不支持h5的api Geolocation,目前chrome不支持定位获取,建议火狐

    		mapObj = new AMap.Map('iCenter');
    		mapObj.plugin('AMap.Geolocation', function () {
    	    	geolocation = new AMap.Geolocation({
    		        enableHighAccuracy: true,//是否使用高精度定位,默认:true
    		        timeout: 10000,          //超过10秒后停止定位,默认:无穷大
    		        maximumAge: 0,           //定位结果缓存0毫秒,默认:0
    		        convert: true,           //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
    		        showButton: true,        //显示定位按钮,默认:true
    		        buttonPosition: 'LB',    //定位按钮停靠位置,默认:'LB',左下角
    		        buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
    		        showMarker: true,        //定位成功后在定位到的位置显示点标记,默认:true
    		        showCircle: true,        //定位成功后用圆圈表示定位精度范围,默认:true
    		        panToLocation: true,     //定位成功后将定位到的位置作为地图中心点,默认:true
    		        zoomToAccuracy:true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
    		    });
    		    mapObj.addControl(geolocation);
    		    geolocation.getCurrentPosition();
    		    AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
    		    AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
    	});
    		function onComplete(success){
    			console.log(success)
    		}
    		function onError(error){
    			console.log(error)
    		}
    

    成功后的回调
    在这里插入图片描述

    展开全文
  • 百度地图获取地理位置

    千次阅读 2018-07-17 21:39:38
    百度地图获取地理位置 无需坐标逆解析获取地理位置 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta ...

    百度地图获取地理位置

    无需坐标逆解析获取地理位置

    <!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" />
        <style type="text/css">
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
        <title>地图展示</title>
    </head>
    <body>
        <div id="allmap"></div>
    </body>
    </html>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("allmap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 9);  // 初始化地图,设置中心点坐标和地图级别
         var geocoder= new BMap.Geocoder(); 
    
        map.addEventListener("click",function(e){ //给地图添加点击事件
    
            geocoder.getLocation(e.point,function(rs){
    
                console.log(rs.address); //地址描述(string)
    
                console.log(rs.addressComponents);//结构化的地址描述(object)
                console.log(rs.addressComponents.province); //省
                console.log(rs.addressComponents.city); //城市
                console.log(rs.addressComponents.district); //区县
                console.log(rs.addressComponents.street); //街道
                console.log(rs.addressComponents.streetNumber); //门牌号
    
                console.log(rs.surroundingPois); //附近的POI点(array)
    
                console.log(rs.business); //商圈字段,代表此点所属的商圈(string)
            });
    
        });
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    </script>
    展开全文
  • 创建地图,请使用 JSON 文件作为参数运行process.py 。 它会将一些进度消息输出到stderr并将 SVG stdout到stdout 。 在 2013 年末的 MacBook Pro 上,该脚本需要大约 18 秒来处理我的 700000 个数据点(大约 5 年...
  • 1.首先要在百度地图官网(http://lbsyun.baidu.com/)上面新建实例,获取百度地图的密钥:ak 2.index.html页面引入百度地图的js <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak...

    1.首先要在百度地图官网(http://lbsyun.baidu.com/)上面新建实例,获取百度地图的密钥:ak
    第一种方法在index.html页面引入百度地图的js

     <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
    

    3.在你的项目webpack.base.conf.js文件里面加上下面这句:

    4.在需要的页面使用的页面直接引入:

    import BMap from "BMap";
    // 获取当前定位
        getCurrentCity() {
          let geolocation = new BMap.Geolocation(); // 创建百度地理位置实例
          geolocation.getCurrentPosition(function (e) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
              // 百度 geolocation 的经纬度属性不同,此处是 point.lat 而不是 coords.latitude
              let point = new BMap.Point(e.point.lng, e.point.lat);
              let gc = new BMap.Geocoder();
              gc.getLocation(point, function (rs) {
                let currentPosition = rs.point;
                let addComp = rs.addressComponents; // 返回的结果
                let address = addComp.city; // 拼接地址
              });
            } else {
              console.log(this.getStatus());
            }
          });
        },
    

    5.注意,如果你的vue页面需要使用webview内嵌在微信小程序里面的话,会出现在ios里面不能使用的情况。

    引入地图js的方法二:
    单页面引入js,不全局使用。这时候我们可以动态创建一个js标签,引入到要使用的页面:
    新建一个map.js文件

    export default {
        init: function (){
        const AK = '';//百度地图的密钥
        const BMap_URL = 'https://api.map.baidu.com/api?v=2.0&ak='+ AK +"&s=1&callback=onBMapCallback";
        return new Promise((resolve, reject) => {
        // 如果已加载直接返回
        if(typeof BMap !== 'undefined') {
        resolve(BMap);
        return true;
        }
        // 百度地图异步加载回调处理
        window.onBMapCallback = function () {
        resolve(BMap);
        };
        let getCurrentCityName = function () {
        return new Promise(function (resolve, reject) {
        let myCity = new BMap.LocalCity()
        myCity.get(function (result) {
        resolve(result.name)
        })
        })
        }
        // 插入script脚本
        let scriptNode = document.createElement('script');
        scriptNode.setAttribute('type', 'text/javascript');
        scriptNode.setAttribute('src', BMap_URL);
        document.body.appendChild(scriptNode);
        });
        }
     }
    

    在使用的页面引入:

    import map from 'common/js/map.js'
    //使用时:map.init().then(()=>{})
     getCurrentCity() {
          map.init().then(()=>{
             let _this = this;
            let geolocation = new BMap.Geolocation(); // 创建百度地理位置实例,代替 navigator.geolocation
             geolocation.getCurrentPosition(function (e) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
              // 百度 geolocation 的经纬度属性不同,此处是 point.lat 而不是 coords.latitude
              let point = new BMap.Point(e.point.lng, e.point.lat);
              let gc = new BMap.Geocoder();
              gc.getLocation(point, function (rs) {
                let currentPosition = rs.point;
                let addComp = rs.addressComponents; 
              });
            } else {
              console.log(this.getStatus());
            }
          });
          })
        },
    
    展开全文
  • MongoDB 创建地图索引及根据位置坐标查询地点小例子1:MongoDB 的安装参照博客:http://www.cnblogs.com/sweetchildomine/p/6397136.html可视化工具:本人用的是robomongo ,下载地址:https://robomongo.org/2:...

    MongoDB 创建地图索引及根据位置坐标查询地点小例子

    1:MongoDB 的安装

    参照博客:http://www.cnblogs.com/sweetchildomine/p/6397136.html
    可视化工具:本人用的是robomongo ,下载地址:https://robomongo.org/

    2:创建地图索引:

    db.shop.ensureIndex( { loc : "2dsphere" } )
    db.shop.ensureIndex( { loc : "2d" } ) 
    1.2D索引,用于存储和查找平面上的点。
    2.2Dsphere索引,用于存储和查找球面上的点。

    3:spring-mongo的配置:

    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xmlns:context="http://www.springframework.org/schema/context"
           xmlns:mongo="http://www.springframework.org/schema/data/mongo"
           xsi:schemaLocation="http://www.springframework.org/schema/context
              http://www.springframework.org/schema/context/spring-context-4.3.xsd
              http://www.springframework.org/schema/data/mongo
              http://www.springframework.org/schema/data/mongo/spring-mongo-1.10.2.xsd
              http://www.springframework.org/schema/beans
              http://www.springframework.org/schema/beans/spring-beans-4.3.xsd">
        <context:component-scan base-package="com.binxm.dao"></context:component-scan>
    
        <!-- 加载mongodb的属性配置文件 -->
        <context:property-placeholder location="classpath:properties/mongodb.properties" />
    
        <!-- mongo对象 -->
        <mongo:mongo-client id="mongo" replica-set="${mongo.hostport}">
            <mongo:client-options connections-per-host="${mongo.connectionsPerHost}"
                                  threads-allowed-to-block-for-connection-multiplier="${mongo.threadsAllowedToBlockForConnectionMultiplier}"
                                  connect-timeout="${mongo.connectTimeout}"
                                  max-wait-time="${mongo.maxWaitTime}"
                                  socket-keep-alive="${mongo.socketKeepAlive}"
                                  socket-timeout="${mongo.socketTimeout}" />
        </mongo:mongo-client>
    
        <mongo:db-factory dbname="database" mongo-ref="mongo" />
    
        <bean id="mongoTemplate" class="org.springframework.data.mongodb.core.MongoTemplate">
            <constructor-arg ref="mongo" />
            <constructor-arg name="databaseName" value="${mongo.databaseName}" />
        </bean>
    </beans>

    普通的增删改查操作

    package com.binxm.dao.impl;
    
    import com.binxm.dao.MoUserDao;
    import com.binxm.pogo.MoUser;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.data.mongodb.core.MongoTemplate;
    import org.springframework.data.mongodb.core.query.Criteria;
    import org.springframework.data.mongodb.core.query.Query;
    import org.springframework.stereotype.Repository;
    /**
     * Created by Administrator on 2017/6/13.
     */
    @Repository
    public class MoUserDaoImpl implements MoUserDao{
        @Autowired
        private MongoTemplate mongoTemplate;
        @Override
        public MoUser getUserById(String id) {
            Query query = new Query();
            //查找
            //mongoTemplate.findOne(new Query(Criteria.where("onumber").is("002").and("cname").is("zcy1")),MoUser.class);
            //mongoTemplate.findOne(new Query(new Criteria().orOperator(Criteria.where("onumber").is("002"),Criteria.where("cname").is("zc"))),MoUser.class);
            //修改
            //mongoTemplate.upsert(new Query(Criteria.where("dfs").is("sss")), Update.update("",""),MoUser.class);
            //mongoTemplate.updateFirst(new Query(Criteria.where("dfs").is("sss")), Update.update("",""),MoUser.class);
            //添加
            mongoTemplate.insert(MoUser.class);
            mongoTemplate.save(MoUser.class);
            //删除
            //mongoTemplate.remove(MoUser.class);
            query.addCriteria(new Criteria("_id").is(id));
            MoUser one = this.mongoTemplate.findOne(query, MoUser.class);
            return one;
        }
    }
    

    根据位置坐标查询相关地点信息

    package com.binxm.dao.impl;
    
    import com.binxm.dao.ShopDao;
    import com.mongodb.AggregationOptions;
    import com.mongodb.BasicDBObject;
    import com.mongodb.Cursor;
    import com.mongodb.DBObject;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.data.mongodb.core.MongoTemplate;
    import org.springframework.stereotype.Repository;
    
    import java.util.*;
    
    /**
     * Created by li on 2017/9/24.
     */
    @Repository
    public class ShopDaoImpl implements ShopDao{
        @Autowired
        private MongoTemplate mongoTemplate;
        @Override
        public List<DBObject> getShoppingsWithCoordinate(double lon, double lat,double maxDistance) {
            List<DBObject> pipeLine = new ArrayList<>();
            //https://docs.mongodb.com/manual/reference/command/geoNear/
            BasicDBObject aggregate = new BasicDBObject("$geoNear",
                    new BasicDBObject("near",new BasicDBObject("type","Point").append("coordinates",new double[]{lon, lat}))
                            .append("distanceField","dist.calculated")  //distanceField
                            // org.springframework.data.mongodb.core.aggregation.GeoNearOperation
                            .append("query", new BasicDBObject())  //query  document Optional
                            .append("num", 5)               //num number Optional
                            .append("maxDistance", maxDistance)  //num number Optional
                            .append("spherical",true)     //If using a 2dsphere index, spherical must be true.
            );
            pipeLine.add(aggregate);
    //        聚合
    //        https://docs.mongodb.com/manual/reference/operator/aggregation/
    //        pipeLine.add(new BasicDBObject("$geoNear", geoNear));  BasicDBObject
    //        pipeLine.add(new BasicDBObject("$match",match));
    //        pipeLine.add(new BasicDBObject("$skip", skip));
    //        pipeLine.add(new BasicDBObject("$limit", pageSize));
            Cursor cursor=mongoTemplate.getCollection("shop").aggregate(pipeLine, AggregationOptions.builder().build());
            List<DBObject> list = new LinkedList<>();
            while (cursor.hasNext()) {
                list.add(cursor.next());
            }
            return list;
        }
    }
    
    展开全文
  • 微信小程序创建 1、服务器域名配置 登录微信公众平台小程序,首先配置服务器域名。 本实例的域名在腾讯云购买 点击修改可前往腾讯云购买,购买后会自动配置。 2、微信小程序开发 下载开发者工具 下载安装...
  • 随机树木位置,要生成在地面,不能悬空或低于地面,也不能重叠,不然就尴尬了 (发现王者荣耀游戏开始的防御塔,也是类似效果,其原理就不得而知了) 主要说明还是写在注释里,大概思路这样: 1. 首先加载...
  • power bi 地图 该项目 (The project) This is the first article of a series dedicated to discovering geographic maps in Power BI using Bubble Map and Filled Map. 这是致力于使用Bubble Map和Filled ...
  • 带有Google地图的可地理标记的应用程序,可为特定位置创建备忘录,并在将来导航到该位置。 一个非常易于使用的交互式UI。 只需将您的Google Map api密钥添加到android-> app-> src-> main-> AndroidManifest.xml ...
  • 关于腾讯地图开发的博客还是挺少的,此教程只是给一些初进入接入腾讯地图文档的作为参考,我也是一知半解,但是对于一些需要简单接入地图的小伙伴就足够了,因为我也是看着官方文档来写的,所以以官方文档为准腾讯...
  • 易语言地理位置查询模块源码 系统结构:初始化,地理位置查询,GetLong,GetLong3,GetString,GetArea,Ord,ip2long,long2ip,销毁, ======窗口程序集1 | | | |------ __启动窗口_创建完毕 | | | |------ _按钮1_被单击
  • Elasticsearch 地理位置查询

    千次阅读 2019-06-26 19:44:18
    地理位置 我们拿着纸质地图漫步城市的日子一去不返了。得益于智能手机,我们现在总是可以知道自己所处的准确位置,也预料到网站会使用这些信息。我想知道从当前位置步行 5 分钟内可到的那些餐馆,对伦敦更大范围内的...
  • 高德地图获取用户地理位置

    千次阅读 2018-05-21 14:07:44
    获取用户地理位置需要获取用户的同意 否则不可以获取用户地理位置 下面直接上代码 复制自己的项目就可以使用 (我用的是高德地图的API) 下面是map.html &lt;!doctype html&gt; &lt;head&gt; &...
  • gdal创建地理位置信息的GeoTIF

    千次阅读 2018-10-29 17:59:44
    关键点:从无到有,凭空创建一个有地理位置信息的tif,高程值自己指定。 先贴所有代码。 #include&lt;iostream&gt; using namespace std; #include "gdal_priv.h" #include "ogr_...
  • 基于百度地图地理位置选择功能

    千次阅读 2015-10-04 08:08:41
    由于O2O的火爆,地图定位功能在目前的app里随处可见,今天就来写一下基于百度地图地理位置选择功能的简单实现。首先肯定是到百度官网注册应用申请apikey 这个没什么好说的,但是要注意的是百度提供的jar包是可以...
  • 百度地图-js获取地理位置开发

    千次阅读 2019-01-18 16:49:33
    百度地图开放平台:http://lbsyun.baidu.com/ 注册/登录-&gt;控制台-&gt;创建应用-&gt;获取key ps:创建应用时注意应用类型和白名单哦~ 二. 开发 &lt;script type="text/javascript"...
  • 百度地图集成概要百度地图集成(一):百度地图简单实现百度地图集成(二):百度定位以及反编译地理位置百度地图集成(三):检索功能的实现百度地图集成(四):零散第二篇百度定位以及地理位置反编译功能实现效果图一篇...
  • 首先你要在百度地图的开发平台.申请成为百度开发者并获取一个自己的密钥(申请AK.) 百度的开发指南中有很详细的说明 下面这段能实现自己当前所造位置并且输出当前所在的省份以及城市地区 添加js文件 <script ...
  • 本文介绍使用HTML5 Geolocation API获取当前地理位置,并在百度地图上展示的实例
  • 百度地图JavaScript API初始化地图创建标注
  • ElasticSearch之基于地理位置的搜索

    千次阅读 2019-08-15 22:32:11
    我们希望搜索到某个区域内的特定目标建筑物,或者说要查询某个城市某个区内的楼盘等,诸如此类的需求,还有我们看到的在百度地图或者高德地图上,在某个区域内显示出我们关心的数据,都可以算是一种基于地理位置的...
  • 地理位置搜寻 LBS,存储每个地点的经纬度坐标,搜寻附近的地点,建立地理位置索引可提高查询效率。 mongodb地理位置索引,2d和2dsphere,对应平面和球面。 1.创建lbs集合存放地点坐标 use lbs; db.lbs.insert( { ...
  • UWP-位置服务 C#库使基于位置的任务(例如创建地理围栏和简化用户位置)变得更加容易
  • 一种从多个位置创建自己的Google地图的简单方法。
  • 地理端点 ==========================此仓库基于 安装 克隆此仓库 运行composer安装 应用环境 在项目根目录中创建一个名为“ .env”的文件。 可用的Api 现在可用区位置 对于缅甸区 可选参数 名称和编号 例子 - geo/...
  • 创建地图-百度地图生成器 一、打开百度地图生成器的网址 网址:http://api.map.baidu.com/lbsapi/creatmap/ 可以看出官方给出了两个步骤: 第一步:创建地图 第二步:获取代码 特别的简单。动动鼠标,点点地图就...
  • 微信小程序 -- 授权地理位置

    千次阅读 2020-12-18 17:54:48
    授权地理位置配置manifest.jsonmanifest.json视图manifest.json源码授权请求authorize获取经纬度 getLocation引入地图,逆向解析注册账号(免费)创建新秘钥开发者秘钥申请key 设置下载小程序SDK引入SDK,最终代码 ...
  • 用相对简单的JavaScript代码,可以创建出能确定用户地理位置详细信息的Web应用,包括经纬度以及海拔等。一些Web应用甚至能通过监控用户位置随时间的移动来提供导航功能,其中还综合了GoogleMaps API这样的地图系统。
  • 前置条件 由于我们是使用百度提供的地理API接口,所以事先我们需要创建百度账号,并创建百度应用(因为我们要用应用到的ak)~~~~ 偷偷的告诉你们…这是免费的哦不要钱的… ...1,通过地理位置,获取到详细的经纬...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 120,058
精华内容 48,023
关键字:

如何创建地图位置