首页 > 其他分享 >根据覆盖物范围调整视野-高德地图

根据覆盖物范围调整视野-高德地图

时间:2024-04-11 14:24:13浏览次数:20  
标签:map 覆盖物 marker1 LngLat polyline AMap new 高德 视野

https://lbs.amap.com/api/javascript-api-v2/guide/map/state

 1 //创建一条折线覆盖物
 2 var path = [
 3   new AMap.LngLat("116.368904", "39.913423"),
 4   new AMap.LngLat("116.382122", "39.901176"),
 5   new AMap.LngLat("116.387271", "39.912501"),
 6   new AMap.LngLat("116.398258", "39.904600"),
 7 ];
 8 var polyline = new AMap.Polyline({
 9   path: path,
10   borderWeight: 2, //线条宽度,默认为1
11   strokeColor: "red", //线条颜色
12   lineJoin: "round", //折线拐点连接处样式
13 });
14 map.add(polyline);
15 
16 //创建两个点标记
17 var marker1 = new AMap.Marker({
18   position: new AMap.LngLat(117.39, 39.9), //经纬度对象
19 });
20 var marker2 = new AMap.Marker({
21   position: new AMap.LngLat(118.39, 39.9), 
22 });
23 map.add(marker1);
24 map.add(marker2);
25 
26 //自动适配到合适视野范围
27 //无参数,默认包括所有覆盖物的情况
28 map.setFitView();
29 //传入覆盖物数组,仅包括 polyline 和 marker1 在地图视野范围,marker2 不在地图视野范围
30 map.setFitView([polyline, marker1]); //简写
31 //map.setFitView([polyline, marker1], false, [60, 60, 60, 60], 12); //完整写法

 

标签:map,覆盖物,marker1,LngLat,polyline,AMap,new,高德,视野
From: https://www.cnblogs.com/guwufeiyang/p/18129029

相关文章

  • vue3 + typescript 检测高德地图类型
    在ts项目中使用高德地图,为了方便使用类型检测及类型提示,需引入高德地图的类型文件,操作如下:1、引入@amap/amap-jsapi-types插件npmi-S@amap/amap-jsapi-types2、新建类型文件types/index.d.tsimport'@amap/amap-jsapi-types';3、在tsconfig.json中配置:"include":[......
  • 使用高德微信小程序插件实现精准获取打卡位置
    由于微信小程序的 getFuzzyLocation 误差太大不得不改用高德微信sdk使用方法:一、下载 sdk相关下载-微信小程序插件|高德地图API二、引入 sdk//引入varamapFile=require('..­/..­/libs/amap-wx.js');Page({onLoad:function(){varthat=this;......
  • 内网nginx代理高德问题
    A为外网服务器B为内网服务器nginx配置server{listen8081;server_name15.72.185.21; location/webapi/{proxy_passhttp://15.72.191.145:18090/; } location/restapi{ proxy_passhttp://15.72.191.145:18090/restapi/;......
  • 高德地图API
    1.准备注册账号,申请应用https://console.amap.com/dev/key/apphttps://lbs.amap.com/api/javascript-api-v2/summary2.Vue3中使用定位和搜索插件<template><divstyle="text-align:center;align-items:center"><el-row><el-co......
  • 高德地图数据采集器_地图数据采集软件
    利用易地图数据采集大师手机app版或电脑版采集高德地图商家信息数据非常方便且简单,易地图数据采集大师有安卓手机版或电脑版,并且注册版账号通用,即一个同时既可以在手机上使用也可以在电脑上使用。运行后选择采集哪个城市的商家数据,输入关键词,点开始采集即可。说明:易地图......
  • 视野修炼-技术周刊第79期 | 人很重要,软件只是乐趣
    欢迎来到第79期的【视野修炼-技术周刊】,下面是本期的精选内容简介......
  • 高德地图内网部署,通过拦截请求实现
    一、安装npm库   npm地址:ajax-hook-npm(npmjs.com)NPM引入npminstallajax-hook二、实现代码,放到mainjs里面import{proxy}from"ajax-hook";proxy({//请求发起前进入onRequest:(config,handler)=>{//console.log(config.url)if(......
  • 视野修炼-技术周刊第78期 | Node.js纪录片
    欢迎来到第78期的【视野修炼-技术周刊】,下面是本期的精选内容简介......
  • [MAUI]集成高德地图组件至.NET MAUI Blazor项目
    @目录前期准备:注册高德开发者并创建key登录控制台创建key获取key和密钥创建项目创建JSAPILoader配置权限创建定义创建模型创建地图组件创建交互逻辑项目地址地图组件在手机App中常用地理相关业务,如查看线下门店,设置导航,或选取地址等。是一个较为常见的组件。在.NETMAUI......
  • 全地形人形机器人(humanoid)是否只能进行短距视野感知呢 —— 实时地形感知
    相关:https://capital.lenovo.com/news/detail/id/924/s/1.html常见的人形机器人都是测试其手臂灵活度为主,但是近日看到一款以全地形步态行走为主的机器人(逐际动力,CL-1)。虽然很少有用双足机器人测试全地形行走能力的,但是全地形行走的能力测试在四足机器人中极为常见的,感觉测试......