高德JSAPI 1.0

2026-09-05

高德地图JSApi

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>火星坐标获取demo</title> <script src="http://webapi.amap.com/js/marker.js"></scri

php+高德地图webapi 高德jsapi 实现当前位置与目标位置距离并按照距离排序（坐标逆转换）

高德JSAPI获取当前所在位置的经度纬度

这是在浏览器中的效果: 控制台打印出来的就是经度纬度的值代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="init

数据人必读！玩转数据可视化用这个就够了——高德LOCA API 2.0升级来袭！

引言 "一图胜千言",大数据时代来临,数据与人们生活密切相关.复杂难懂且体量庞大的数据给人的感觉总是冷冰冰的,让人难以获取到重点信息,也找不出规律和特征,数据价值发挥不出来.空间数据可视化就是为了解决这些问题,用通俗易懂的图形符号还原数据,表达多纬度数据信息,让你的数据"活"起来! 高德 LOCA 数据可视化旨在为各领域企业和个人提供便捷高效的可视化应用技术,提供基于 WebGL 和高德 JSAPI 的大规模地理数据可视化开发框架,应用于地理空间数据的可视化领域

高德地图api之location定位

关于定位,分为GPS定位和网络定位.本文将详细描述的浏览器定位,属于网络定位.这是一种通过使用高德JS-API来实现位置定位.城市定位的方法,包含了IP定位,检索等多种网络定位方式.如果您的手机支持GPS功能,能够自动获取GPS信息,定位将更加准确. 浏览器定位浏览器定位插件,封装了标准的HTML5定位,并含纠正模块,同时该定位方式仅适用于支持HTML5的浏览器上,如Internet Explorer 9.Firefox.Chrome.Safari 以及 Opera等.代码如下: /** *

C# GMap下提供一个高德地图

using System; using GMap.NET.Internals; using GMap.NET.Projections; namespace GMap.NET.MapProviders { public class AMapProvider : AMapProviderBase { private readonly string name = "AMap"; private readonly string language = "zh_cn"; pri

Android doc打开太慢

C:\Windows\System32\drivers\etc\HOSTS 127.0.0.1 fonts.googleapis.com 127.0.0.1 www.google.com 127.0.0.1 www.google.com/jsapi 127.0.0.1 www.google-analytics.com 127.0.0.1 apis.google.com/js/

腾讯ISUX网页前端代码分析

看了一下腾讯ISUX网页,无论是pc端还是移动端,展示都挺好看的,先对其代码进行分析如下: 1,先看前三行代码 <!DOCTYPE html>  <html lang="en-US" prefix="og: http://ogp.me/ns#"> 第一行,很正常,目前的

hosts 屏蔽定位域名

通过修改hosts屏蔽定位服务的域名 #屏蔽百度地图 1.0.0.1 api.map.baidu.com 1.0.0.1 ps.map.baidu.com 1.0.0.1 sv.map.baidu.com 1.0.0.1 offnavi.map.baidu.com 1.0.0.1 newvector.map.baidu.com 1.0.0.1 ulog.imap.baidu.com 1.0.0.1 newloc.map.n.shifen.com ::2 api.map.baidu.com ::2

网页授权access_token，基础支持access_token，jsapi_ticket

微信开发中网页授权access_token与基础支持的access_token异同问题1:网页授权access_token与分享的jssdk中的access_token一样吗? 答:不一样.网页授权access_token 是一次性的,而基础支持的access_token的是有时间限制的:7200s. 问题2:网页授权access_token与基础支持的access_token不同,那微信分享中的access_token,是不是基础支持的access_token 答:是网页授权access_

Hybrid app本地开发如何调用JSBridge

前天同事问我公司内部的小程序怎么对接的,我回忆了一下,简单记录了一下前端同学需要注意的点. 背后还有小程序架构.网络策略等等.当时恰逢小程序架构调整,(老架构的时候我就发现了有一个问题点可以优化,但是跟那边人反馈之后,人家表示不要我管,新架构时发现这个问题还巧妙的遗留下来了)我虽然不负责那块,但是本着这样不优雅的原则,还是跟新架构的对接人讲了我的优化方案,讲明白了之后,同时上报各自直系领导,并建议我领导牵头开会推动.最后,无奈存量数据太多,老架构那边权衡之后决定不改动.(多说了几句,权当记录一下

ZAM 3D 制作简单的3D字幕流程(二)

原地址:http://www.cnblogs.com/yk250/p/5663907.html 文中表述仅为本人理解,若有偏差和错误请指正! 接着 ZAM 3D 制作简单的3D字幕流程(一) .本篇将是ZAM 3D制作动画的一些关键点. 我们可以将各个字体工具自己的喜好填充好Materials,当然,也可以采用默认,一般默认灯光下是偏金黄色的,这个可以在左下角进行调节.左下第一个是当前选中的灯光设置,第二个则是全局的灯光设置.(如果你拖动了布局那就另当别论了.)比如我这里将字体染成了葫芦娃的红

ZAM 3D 制作3D动画字幕用于Xaml导出

原地址-> http://www.cnblogs.com/yk250/p/5662788.html 介绍:对经常使用Blend做动画的人来说,ZAM 3D 也很好上手,专业制作3D素材的XAML导出动画和布局. 效果图如下:用ZAM 3D制作然后导出XAML.详细步骤,以后放出. 生成的布局XAML如下: <Grid> <Viewbox Stretch="None"> <Viewport3D x:Name="ZAM3DViewport3D

微信小程序省市区选择器对接数据库

前言,小程序本身是带有地区选着器的(网站:https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html),由于自己开发的程序的数据是很久以前mysql数据,与小程序自带的地区名称并不一样,所以只能自己写了. (详细思路写在了最底部) 第一步:把mysql地区数据变成小程序数组格式 1.用php代码,导出数据mysql的地区数据 public function area(){ $sql = "SELECT * FROM c_regi

osg编译日志

1>------ 已启动全部重新生成: 项目: ZERO_CHECK, 配置: Debug x64 ------1> Checking Build System1> CMake does not need to re-run because O:/OpenSceneGraph/OpenSceneGraph_build/CMakeFiles/generate.stamp is up-to-date.1> CMake does not need to re-run because O:

高德地图的JSAPI学习笔记【一】

高德地图的项目要做学习笔记记录下来一.注册账号并申请Key 二.准备页面写好 1.在页面添加 JS API 的入口脚本标签,并将其中「您申请的key值」替换为您刚刚申请的 key: <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=您申请的key值"></script> 2. 添加div标签作为地图容器,同时为该div指定i

Vue3.0中引入地图（谷歌+高德+腾讯+百度）

1 概述项目需求需要引入地图,对于目前最新的Vue3.0,无论是百度/高德/腾讯地图目前还没有适配,只有Vue 2.x版本的: 目前只有谷歌地图的Vue3.0适配: 但是没有适配并不代表不能使用,本文的重点就是如何使用这四种地图,不废话了进入正题. 2 谷歌地图步骤: 获取API Key 安装使用 2.1 获取API Key 戳这里按提示进行: 首先点击第一个链接创建项目: 输入项目名字: 戳这里查看自己的凭据: 选择创建凭据里面的API密钥: 将已创建后的密钥复制即可. 2.2 安装 n

arcgis jsapi接口入门系列（0）：总览

开发环境: arcgis jsapi版本4.9 由于我们这套代码是基于vue,webpack开发的,会有少数vue代码,但总体不影响里面还有些我们公司的js库和html css,给出的代码不能百分百直接运行,主要还是接口的总体介绍代码中常见且不知来源的变量说明: this.map和this.mapView:就是地图的map和mapView this.apiInstance:这是公司框架封装的用于实例化arcgis jsapi对象的,不是必须的,例如new this.apiInstance.E

Vue-Cli 3.0 中配置高德地图

vue 中使用高德地图有两种方式一.vue-amap 组件官网: https://elemefe.github.io/vue-amap/#/ 开始的时候是打算用这个组件做地图功能的,但是尝试之后存在些问题,所以就放弃了,可能是我的使用方式不对.我所遇到的问题: 1. 安装之后使用,始终提示跨域问题. 2. 页面刷新之后地图出不来,第一次进入页面时没问题.因为这两个问题所以放弃了这个组件的使用.我想可能是我哪个地方代码有问题. 二.直接引用高德地图 SDK 因为第一种方式尝试失败了,所以我选择

Vue项目（vuecli3.0搭建）集成高德地图实现路线轨迹绘制

先看最后实现的效果图高德地图api文档 https://lbs.amap.com/api/javascript-api/summary 使用 1.在index.html里面引入高德地图js文件 2.引入之后我们就直接可以在vue组件里面使用了创建initMap方法,在mounted钩子函数中调用 mounted(){ this.initMap() }, initMap(){ let that = this this.map = new AMap.Map('track-map', { zoom

Vue组件篇——Vue3.0中使用高德地图

VUE-CLI 3.0 中配置高德地图在项目开发中,地图组件 1.首先,需要注册高德开放平台的账号,并在[应用管理]页面[创建新应用],为应用添加Key值高德开放平台:https://lbs.amap.com/ 2.在Vue-Cli中public下的index.html加入script 标签 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=你申请的key

高德JSAPI 1.0

热门专题