精华内容
下载资源
问答
  • 主要介绍了vue+高德地图实现地图搜索及点击定位操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 高德地图poi 周边搜索及关键字搜索 Android 6.0系统默认为targetSdkVersion小于23的应用默认授予了所申请的所有权限,所以如果您APP设置的targetSdkVersion低于23,在运行时也不会崩溃。
  • API高德地图搜索选择地址实例,API高德地图搜索选择地址实例
  • 这是Android开放集成高德地图开放实现定位和地理位置搜索的sdk
  • 主要介绍了vue项目使用高德地图的定位及关键字搜索功能的实例代码,也是小编踩了无数坑总结出来的经验,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 场景若依前后端分离版手把手教你本地搭建环境并运行项目:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662在上面将前后端项目搭建起来后,要集成高德地图实现地图显示与定位功能的实现 一、...

    使用U盘要注意什么

    U盘制做DOS启动盘

    U盘自定义图标

    U盘(MP3)数据恢复

    U盘故障

    说明:本例Extjs2.2,以自定义css样式的形式给右键菜单添加自定义图标。

    在日常使用地图过程中,通常会遇到地图标签,提示点等显示不满足我们的需求,需要进行JavaScript代码编写。例如:在使用地图过程中,会发现很多地名显示的位置偏离。

    以FineReport软件为例在企业的信息数据中,对于那些业务遍布全国的企业来说,无疑可以直接使用我们的内置中国地图来直观展现,但是对于展示没有内置地图的数据的,比如说通过地图展示县级市数据,我们则可用过自定义

    场景若依前后端分离版手把手教你本地搭建环境并运行项目:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662在上面将前后端项目搭建起来后,要集成高德地图实现地图显示与定位功能的实现

    一、自定义ViewGroup:1、构造方法的选择:获取一些需要用到的值(一些属性或自定义属性)Public CustonViewGroup(Context context){this(context,

    和jsp的自定义tag一样,freemarker也可以自定义指令。

    比如,我们需要用一个指令,实现两个数字相加。

    触发事件:$(document).trigger(‘REMOVE_WEBSITE_MSG‘);判断消息条数为0,触发这个jquery自定义事件

    自定义LayoutParams

    回想一下我们平时使用RelativeLayout的时候,在布局文...

    1.自定义位置

    Toast t = Toast.makeText(Reg_FillContent_Activity.this, "用户已存在!

    1.自定义位置

    Toast t = Toast.makeText(Reg_FillContent_Activity.this, "用户已存在!

    来源:http://www.google.com/support/forum/p/chrome/thread?tid=09ae87c15cb9efb5&hl=zh-CN

    问:答:

    http://fis.io/ajax-google-custom-search-engine.html

    1.定义自己的搜索框

    首先我们建立自己的异常类    {

    }

    &nbsp

    转载自:http://blog.csdn.net/kmyhy/article/details/6442351使用的话,例如:[cpp]view plaincopycell.accessoryType = UITableViewCellAccessoryNone;//cell没有任何的样式cell.accessoryType = UITableViewCellA...

    帝国cms全站搜索功能只能调出固定的几个字段,如果想搜索其他字段的值,这时我们应该怎么办呢?

    详细步骤请参考以下链接:http://www.solarwinds.com/netperfmon/SolarWinds/wwhelp/wwhimpl/common/html/wwhelp.htm?context=SolarWinds&lang=en&file=OrionNetworkAtlasAGCustomIconsfromFiles.htm简单步...

    -----后台using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Web;

    using System.Web.UI;

    using System.Web.UI.WebControls;

    using Syste...

    HarmonyOS(鸿蒙)技术社区是由51CTO和华为共同打造的综合性开发和应用技术社区。作为华为的官方战略合作伙伴,51CTO将多年的社区运营经验与华为的技术赋能相结合,为开发者提供高质量有深度的HarmonyOS(鸿蒙)学习交流平台。

    展开全文
  • 高德地图集成定位和根据地址搜索经纬度进行定位功能,相关代码 高德地图集成定位和根据地址搜索经纬度进行定位功能,相关代码
  • 一、先看效果图:二、开发流程介绍之高德地图key(地图秘钥生成)值:1.登录高德开放平台 |高德地图API :https://lbs.amap.com/2.账号密码登录:3.登录完成后点击创建新应用按钮:4.开始创建应用:5.添加新key(密钥):...

    一、先看效果图:

    106b821435f67fd9185c2df4a1139651.png

    7c3d889cb74691a9a00cd600df976f35.png

    二、开发流程介绍之高德地图key(地图秘钥生成)值:

    1.登录高德开放平台 | 高德地图API    :https://lbs.amap.com/

    2.账号密码登录:

    95d2c5d7671035e5a1c3009b6ad435df.png

    3.登录完成后点击创建新应用按钮:

    fffa439186f1bb4840e235943a2c179f.png

    4.开始创建应用:

    8a943876e68dcb6121395fb1d70160f8.png

    5.添加新key(密钥):

    eae5c9872b906e83adaa424cdcf985ac.png

    6.获取生成的新key值:

    60e28cda6c67ef3597f4df0d4a6cc28c.png

    提示:如果你能顺利生成最终的秘钥,恭喜你准备工作已经完成。

    三、代码截图:

    HTML部分:

    9bf7672ba9ce04cff645631912992b15.png

    2993d2e90075a797de9804b7bafa9864.png

    css代码部分:

    1b3fa546c00f0c50c04e9901389e0e32.png

    ebbc2c891255f2ca27b0e76a71ea189c.png

    js代码部分:

    431995faade8233eb0a86e6d92c1a091.png

    四、手写代码粘贴:

    活动报名

    /*设置展示页input框 placeholder样式*/

    #active_palce::-webkit-input-placeholder,{

    /* placeholder颜色  */

    color:#26A2FF;

    /* placeholder字体大小  */

    font-size: 14px;

    /* placeholder位置  */

    text-align: center;

    }

    /*设置模态框里的input的placeholder样式*/

    .textAddressValue--iiotWj9S input::-webkit-input-placeholder{

    color:#0d7c21;

    }

    活动地点:

    //6.活动地点填写 添加模态框显示属性

    $(".textAddress--zA6EmEUo").attr({"data-toggle":"modal","data-target":"#myActivePlace"});

    //移除其自带的input样式属性

    $(".searchInput--2zMXafMM").removeClass("searchInput--2zMXafMM input");

    //实现地址输入后,系统给与自动选择提示

    $("#active_palce").on("keyup",function(){

    //获取input框输入内容,1.当做参数放到url接口;2.当参数提交

    var  palceS=$(this).val();

    $.ajax({

    type:"POST",

    url:"https://restapi.amap.com/v3/assistant/inputtips?keywords="+palceS+"&key="+"f813d0b9a2b32f92058036772b42ee34",

    data:{keywords:palceS},

    success:function(data){

    console.log(data,"获取数据");

    //判断是可以成功的返回搜索到,输入内容的提示

    if(data.info=="OK" && data.status==1){

    var tipsS=data.tips;

    var html="";

    for(var i=0;i

    var tipsS1=tipsS[i];

    //动态生成  高德地图返回的数据

    html+=`

    ${tipsS1.name}
    所属区域:${tipsS1.district}
    详细地址:${tipsS1.address}

    `;

    }

    $(".mapList--3YFTVpBD .mapItem--u6uUJdup .mapCnt--3RrcN87N").html(html);

    }else{

    alert("抱歉,没有找到您要所搜的地址!");

    }

    },

    error:function(err){

    alert("请求错误!");

    }

    });

    });

    //根据提示进行地址选择,并赋值到input框

    $(".mapCnt--3RrcN87N").on("click",".SiteSelection",function(){

    var pitchOn_address=$(this).children().eq(2).text();

    //数据切割,选择想要的后半部分 pitchOn_address1[1]="${tipsS1.address}",舍弃用不到的前半部分pitchOn_address1[0]="详细地址"

    var pitchOn_address1=pitchOn_address.split(":");

    //判断高德题图是否返回详细地址,

    if(pitchOn_address1[1]!=""){

    //赋值

    $("#active_palce").val(pitchOn_address1[1]);

    }else{

    //详细地址为空提示

    $("#active_palce").val("详细地址为空,请重新选择!");

    }

    });

    //将选择的地址显示到活动发布页面

    $(".btn-span").on("click",function(){

    var palceVal=$("#active_palce").val();

    if(palceVal!=""){

    //赋值

    $(".textAddressValue--iiotWj9S input").val(palceVal);

    //关闭模态框

    $("#myActivePlace").modal('hide');

    }else{

    //未选择提示

    $("#active_palce").val("还未选择活动地址信息!");

    }

    });

    五、要点提示:

    1.首先 地址填写的input 的,地址提示,要使用keyup(onkeyup)键盘按下事件,效果更佳。 2. ajax的 url:"https://restapi.amap.com/v3/assistant/inputtips?keywords="+palceS+"&key="+"f813d0b9a2b32f92058036772b42ee34",

    https://restapi.amap.com/v3/assistant/inputtips? 默认填写,调用高德地图。keywords参数是input框输入的内容。key是准备阶段获取的秘钥key。

    高德地图接口详情,详情点击 https://lbs.amap.com/api/webservice/guide/api/inputtips/

    提示:本代码可以直接复制粘贴使用,前提是正确引用jquery.js等插件库。样式于水平有限,请见谅。本文档仅供初学者或首次开发者提供 参考。如代码有错误之处,请见谅。如果有更好的开发经验,感谢回复。谢谢观看!!!;

    展开全文
  • 下载:https://download.csdn.net/download/billhepeng/11929594
    展开全文
  • } /* 高德 */ .input-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; width: 100%; } .input-item:last-...

    在这里插入图片描述

    index.html

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta http-equiv="Expires" content="0">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-control" content="no-cache">
        <meta http-equiv="Cache" content="no-cache">
        <link rel="icon" href="<%= BASE_URL %>favicon.ico">
        <script src="./api.config.js"></script>
        <title><%= webpackConfig.name %></title>
      </head>
      <body>
        <noscript>
          <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
        </noscript>
        <div id="app"></div>
        <!-- built files will be auto injected -->
        <script type="text/javascript">
          window._AMapSecurityConfig = {
            securityJsCode:'***************',
          }
    </script>
        <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=************&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
        <script src="https://webapi.amap.com/ui/1.1/main.js"></script>
      </body>
    </html>
    
    <div class="PageItem">
              <el-row class="PageInfo"><i class="info-bar"></i>位置信息</el-row>
              <el-form-item label="地图位置:" prop='bygAddress'>
                  <el-input
                    type="text"
                    v-model="ruleForm.bygAddress"
                    placeholder="点击右侧按钮选择地图位置"
                    :disabled="true"
                  >
                    <el-button
                      slot="append"
                      @click="innerVisible = true"
                      type="primary"
                      icon="el-icon-location"
                      >地图</el-button
                    >
                  </el-input>
                </el-form-item>
            </div>
            <!-- 地图弹框 -->
           <div
              class="dialog_box"
                  v-show="innerVisible"
                >
              <div class="dialog_box_main">
                <div class="dialog_box_title">
                  <div class="title_left">地理位置</div>
                  <div class="title_right" @click="innerVisible = false">
                    <i class="el-icon-close"></i>
                  </div>
                </div>
                <div class="dialog_box_content">
                  <div id="map-container"></div>
                </div>
                <div class="info">
                  <div class="input-item">
                    <div class="input-item-prepend">
                      <span class="input-item-text" style="width:8rem;">请输入关键字</span>
                    </div>
                    <input id='tipinput' type="text">
                  </div>
              </div>
              <div class="dialog_footer">
                <el-button @click="innerVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveSelectMarker">确 定</el-button>
              </div>
              </div>
          </div>
    

    css

    .dialog_box{
      position: absolute;
      width: 800px;
      /* height: 800px; */
      left:50%;
      top:10%;
      margin-left: -400px;
      z-index: 88;
      background: #fff;
    
      border:1px solid rgba(0, 0, 0, 0.1)
    }
    .dialog_box_main{
      position: relative;
    }
    .dialog_box_title{
      display: flex;
      width: 100%;
      height: 44px;
      padding:0 20px;
      background: #4387F6;
      justify-content: space-between;
      align-items: center;
      color: #fff;
    }
    .title_right{
      cursor: pointer;
      font-size: 20px;
    }
    .dialog_box_content{
      width: 100%;
      height: 500px;
      padding:20px;
    }
    .dialog_footer{
      display: flex;
      margin: 20px;
      justify-content: flex-end;
    }
    #map-container{
      width:100%;
      height: 100%;
    }
    .ruleForm_info_content {
      width: 100%;
      height: 100%;
      background: #fff;
      box-sizing: border-box;
      position: relative;
    }
    #map-container /deep/ .amap-marker:first-child .amap-icon img {
                width: 25px;
                height: 34px;
            }
    /* 高德 */
    .input-item {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
    }
    
    .input-item:last-child {
      margin-bottom: 0;
    }
    
    .input-item>select, .input-item>input[type=text], .input-item>input[type=date] {
      position: relative;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      width: 1%;
      margin-bottom: 0;
    }
    
    .input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }
    
    .input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }
    
    .input-item-prepend {
      margin-right: -1px;
    }
    
    .input-item-text, input[type=text],input[type=date], select {
      height: calc(2.2rem + 2px);
    }
    
    .input-item-text {
      width: 140px;
      text-align: justify;
      padding: 10px;
      display: inline-block;
      text-justify: distribute-all-lines;
      /*ie6-8*/
      text-align-last: justify;
      /* ie9*/
      -moz-text-align-last: justify;
      /*ff*/
      -webkit-text-align-last: justify;
      /*chrome 20+*/
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      text-align: center;
      white-space: nowrap;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
      border-radius: .25rem;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
    
    .input-item-text input[type=checkbox], .input-item-text input[type=radio] {
      margin-top: 0
    }
    
    .input-card {
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border-radius: .25rem;
      width: 22rem;
      border-width: 0;
      border-radius: 0.4rem;
      box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
      position: fixed;
      bottom: 1rem;
      right: 1rem;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 0.75rem 1.25rem;
    }
    
    .input-text {
      line-height: 2rem;
      margin-right: 2rem;
    }
    
    .info hr {
      margin-right: 0;
      margin-left: 0;
      border-top-color: grey;
    }
    
    .info {
      padding:15px;
      margin-bottom: 1rem;
      border-radius: .25rem;
      position: absolute;
      top: 10%;
      background-color: white;
      width: auto;
      min-width: 22rem;
      border-width: 0;
      right: 1rem;
      box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
    }
    #tipinput{
      border:1px solid  #ced4da;
      border-left: none;
    }
    html, body {
    	margin: 0;
    	height: 100%;
    	width: 100%;
    	position: absolute;
    }
    
    #container {
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	width: 100%;
    	height: 100%;
    }
    
    .button-group {
    	position: absolute;
    	bottom: 20px;
    	right: 20px;
    	font-size: 12px;
    	padding: 10px;
    }
    
    .button-group .button {
    	height: 28px;
    	line-height: 28px;
    	background-color: #0D9BF2;
    	color: #FFF;
    	border: 0;
    	outline: none;
    	padding-left: 5px;
    	padding-right: 5px;
    	border-radius: 3px;
    	margin-bottom: 4px;
    	cursor: pointer;
    }
    .button-group .inputtext {
    	height: 26px;
    	line-height: 26px;
    	border: 1px;
    	outline: none;
    	padding-left: 5px;
    	padding-right: 5px;
    	border-radius: 3px;
    	margin-bottom: 4px;
    	cursor: pointer;
    }
    #tip {
    	background-color: #fff;
    	padding-left: 10px;
    	padding-right: 10px;
    	position: absolute;
    	font-size: 12px;
    	right: 10px;
    	top: 20px;
    	border-radius: 3px;
    	border: 1px solid #ccc;
    	line-height: 30px;
    }
    .amap-info-content {
    	font-size: 12px;
    }
    .ruleForm_info_content /deep/ .el-input-group--append{
       display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox; /* 混合版本语法: IE 10 */
        display: -webkit-flex; /* 新版本语法: Chrome 21+ */
        display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .ruleForm_info_content /deep/ .el-input-group--append .el-input.is-disabled .el-input__inner{
      -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        flex:1;
    }
    .ruleForm_info_content /deep/ .el-input-group--append .el-input-group__append{
      width: 100px;
      height: 40px;
      display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox; /* 混合版本语法: IE 10 */
        display: -webkit-flex; /* 新版本语法: Chrome 21+ */
        display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
      -webkit-box-align: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    

    js

      watch:{
        'innerVisible'(newVal){
          if(newVal){
            console.log('弹框展示')
            this.initMap(this.ruleForm.lng,this.ruleForm.lat)
          }
        }
      },
      methods: {
      	 //保存点击的marker
        saveSelectMarker(){
          this.ruleForm.lng=this.selectMarker.lng;
          this.ruleForm.lat=this.selectMarker.lat;
          this.ruleForm.bygAddress=this.selectMarker.address;
          this.innerVisible=false;
        },
        /**获取地图定位*/
        getLocation() {
           this.map = new AMap.Map('container', {
              resizeEnable: true
            });
            AMap.plugin('AMap.Geolocation', ()=> {
                var geolocation = new AMap.Geolocation({
                    enableHighAccuracy: true,//是否使用高精度定位,默认:true
                    timeout: 10000,          //超过10秒后停止定位,默认:5s
                    buttonPosition:'RB',    //定位按钮的停靠位置
                    buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
                    zoomToAccuracy: true,   //定位成功后是否自动调整地图视野到定位点
    
                });
                this.map.addControl(geolocation);
                geolocation.getCurrentPosition((status,result)=>{
                    if(status=='complete'){
                        this.onComplete(result)
                    }else{
                        this.onError(result)
                    }
                });
            });
        },
        onComplete(res){
          if(res.status===1){
              this.ruleForm.lng=res.position.lng;
              this.ruleForm.lat=res.position.lat;
              this.ruleForm.bygAddress=res.formattedAddress
              //console.log(res.position.lng,res.position.lat,'5654')
              //
              this.initMap(res.position.lng,res.position.lat)
              // this.initMarker(res.position.lng,res.position.lat)
            }else{
              this.$message.error('地图定位失败')
            }
        },
        onError(err){
          console.log(err,'定位结果')
        },
         //初始化地图
        initMap(lng,lat){
          let _this=this
          console.log(lng,lat,'地图初始化')
          AMapUI.loadUI(['misc/PositionPicker'], (PositionPicker)=> {
                this.map = new AMap.Map('map-container', {
                  resizeEnable: true,
                    center: [lng, lat],
                    zoom: 16
                });
                this.initMarker(lng,lat);
                this.positionPicker = new PositionPicker({
                    mode:'dragMap',//设定为拖拽地图模式,可选'dragMap'、'dragMarker',默认为'dragMap'
                    map:this.map//依赖地图对象
                });
                console.log(this.positionPicker,'22222')
                this.map.on('dragstart', this.showInfoDragstart);
                //TODO:事件绑定、结果处理等
                this.positionPicker.on('success', (res)=> {
                    console.log(res,'拖拽地图信息')
                     this.selectMarker.lng=res.position.lng;
                    this.selectMarker.lat=res.position.lat;
                    this.selectMarker.address=res.address;
                    //
                });
                this.positionPicker.on('fail', function(err) {
                  console.log(err,'5555')
                });
               //输入提示
                this.auto = new AMap.Autocomplete({
                    input: "tipinput"
                });
    
                this.placeSearch = new AMap.PlaceSearch({
                  map: this.map
                });  //构造地点查询类
                AMap.event.addListener(this.auto, "select", this.select);//注册监听,当选中某条记录时会触发
                AMap.event.addListener(this.placeSearch, "markerClick", this.markerClick);//注册监听,当选中某条记录时会触发
    
            });
        },
        showInfoDragstart(){
          this.positionPicker.start();
        },
        select(e) {
            this.placeSearch.setCity(e.poi.adcode);
            this.placeSearch.search(e.poi.name);  //关键字查询查询
        },
        markerClick(e){
          this.selectMarker.lng=e.data.location.lng
          this.selectMarker.lat=e.data.location.lat
          this.selectMarker.address=`${e.data.pname+e.data.cityname+e.data.address}`
          console.log('点击markers',this.selectMarker);
        },
        //初始化标记点
        initMarker(lng,lat){
          // console.log(lng,lat)
          this.marker = new AMap.Marker({
            position: this.map.getCenter(),
            icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
            offset: new AMap.Pixel(-13, -30),
            // 设置是否可拖拽
            draggable: true,
            cursor: 'move'
          });
          this.marker.setMap(this.map);
          // 设置点标记的动画效果,此处为弹跳效果
          this.marker.setAnimation('AMAP_ANIMATION_BOUNCE');
        },
        ///子组件传值 经度,纬度
        confirmMap(data) {
          // console.log(data.lng)
          // console.log(data.address);
          this.ruleForm.lng = data.lng;
          this.ruleForm.lat = data.lat;
          let pLng = String(this.ruleForm.lng);
          let pLat = String(this.ruleForm.lat);
          this.parkLngLat = "经度:" + pLng + "  " + "纬度:" + pLat;
          //console.log(pLng+"===="+pLat)
          this.innerVisible = false;
        },
        cancel() {
          this.innerVisible = false;
        },
        //编辑殡仪馆
        async editFuneralHome(){
          let res = await getFuneralHomeInfo({})
          console.log('获取详情',res);
          if(res.code !==1)return this.$message.error(res.message);
          let {data} = res
          this.ruleForm.bygAddress=data.bygAddress
          this.ruleForm.bygPhone=data.bygPhone
          this.ruleForm.content=data.content;
          this.ruleForm.id=data.id;
          this.ruleForm.serviceImg=data.serviceImgList?data.serviceImgList:[];
          this.ruleForm.lng=data.lng
          this.ruleForm.lat=data.lat
          this.selectMarker.lng=data.lng
            this.selectMarker.lat=data.lat
            this.selectMarker.address=data.bygAddress
            if(this.ruleForm.lng===0&&this.ruleForm.lat===0){
              this.getLocation();
            }
        },
      }
    
    展开全文
  • 仿造高德地图实现路线规划和周边搜索,登录注册模块,地点搜索,进行导航,路线规划有驾车、步行、骑行、公交
  • } </style> </head> <body> <div id="container"></div> <div id="searchNode"> <input type="" name="" id="searchInput" /> 搜索(搜‘台子村’)</button> </div> <div id="setCenterNode"></div> <script> var ...
  • 集成高德地图实现定位 获取周边信息 拖动地图更新周边信息 搜索更新信息
  • 自己参考高德地图API文档做的POI搜索地点的例子,显示锚点和锚点位置信息,且锚点显示的位置信息可以随着锚点在地图上位置的变化而变化
  • 原文地址:高德地图搜索周边的实现 http://blog.csdn.net/qq_31530015
  • 应用场景:输入地址信息,以listview的方式显示周边信息,注意替换你自己的sha1和key
  • 下面介绍高德地图模糊搜索地址的使用:   < template > < el-form class ="wrapper" ref ="orderForm" :model ="orderForm" :rules ="addRules" label-width ="100px" > < el-form-item label =...
  • 由于最近有网站选择定位获取地址的需求,花了点时间,参考高德地图官方例子以及Api文档,简单实现了一个小Demo。打算总结一下遇到的问题,方便以后二度开发。 HTML代码: &lt;!DOCTYPE html&gt; &lt...
  • vue高德地图搜索功能

    千次阅读 2019-02-15 11:31:23
    高德地图api版本:JavaScript API V1.4.12 二、直入主题 首先在,index.html文件中引入高德地图api &lt;script type="text/javascript" src="https://webapi.amap.com/maps...
  • // 第一个参数表示搜索字符串,第二个参数表示poi搜索类型,第三个参数表示poi搜索区域(空字符串代表全国) query = new PoiSearch.Query("", mType, city); query.setPageSize(20);// 设置每页最多返回多少条...
  • 高德地图关键字搜索

    2021-03-17 10:48:44
    EditText startTextView=(EditText) findViewById(R.id.car_search_et);startTextView.addTextChangedListener(new TextWatcher() {@Overridepublic void onTextChanged(CharSequence s, int start, int count,int a...
  • 高德地图定位、周边搜索、位置弹框、添加覆盖物等功能,可以自定义定位,添加覆盖物,覆盖物点击事件等,自定义定位按钮
  • 背景: 我是一家做外卖运营公司的BI分析师,刚进入公司,...1.高德搜索POI 要调用高德的API服务,首先需要注册高的开发者账号,去控制台创建应用,获取一个KEY,然后就可以开始使用高德API服务啦! 其中,POI是“Point
  • 高德地图API 需求描述: 在新增地址信息的时候,我们需要根据input输入的关键字调用地图的输入提示API,获取到返回的数据,并根据这些数据生成下拉列表,选择某一个即获取当前的地址相关信息(包括位置名称、...
  • 本app是仿照高德地图的界面,实现了对于用户的定位,对周边地区兴趣点的搜索以及对于路径搜索功能。其中路径搜索包括驾车,公交,步行这三种方式。
  • 首先贴下百度扒的帖子,...我修改了他得到数据之后的方法,他会把搜索到的地址全部显示在地图上,而我们只需要展示最精确的那一个。以下是代码: 转载于:https://www.cnblogs.com/zjy850984598/p/11391323.html...
  • 关键字检索#panel {position: absolute;background-color: white;max-height: 90%;overflow-y: auto;top: 10px;right: 10px;width: 280px;}var map = new AMap.Map("container", {resizeEnable: true});...
  • 类似微信获取详细地址高德

    热门讨论 2017-04-18 16:35:00
    类似微信发送位置,选择详细地址,api使用的是高德,poi周边搜索,关键字搜索
  • Android——高德地图地点搜索

    千次阅读 2018-09-23 22:01:17
    Android——高德地图地点搜索框效果图首先build.gradleMainActivity然后InputTipsActivity最后 效果图 首先 实现效果如图。由于搜索采用的是 高德地图搜索 SDK 所以需要到 高德地图开发者注册账号 获取到 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,402
精华内容 1,760
关键字:

高德搜索地址