各类地图接入使用实战
文章平均质量分 61
以真实项目为基础对各类地图应用的接入与使用的总结沉淀。
仰望星空的代码
专注Web前端和微信小程序开发。
展开
-
移动端H5实现手动选择地图点的一种解决方案
一、准备文中所用地图应用为高得地图v1.4.15版,代码开发环境为Vue.js框架+webpack+node.js。二、需求移动端H5实现类似打车软件中在地图界面手动选择目的地功能。这里面有两个关键点是必须要解决的:1、如何实现地点标记在地图上移动进行选点,2、如何实现获取到点标记图标选择的点的坐标(经纬度)。三、解决方案首先来解决第一个问题。在打车软件中我们选择地图中的点的时候看似是选择图标在地图界面上移动,其实我们也可以反过来看,如果选择图标固定不动,手指移动的是地图,那么效果也原创 2021-01-18 16:13:12 · 1818 阅读 · 1 评论 -
高德地图坐标拾取组件
// 高德地图坐标拾取 param point 位置展示 如'114.424314,30.606697' getPoint选择位置返回坐标字符串<template> <div class="map-wrapper"> <div :id="id" class="container"> <div v-show="isShow" class="info"> <input id="tipInput" type="tex.原创 2021-01-18 10:19:17 · 4156 阅读 · 0 评论 -
web端与移动端高德地图接入及实例化
web端和移动端H5接入高德地所需要的步骤以及加载高德地图的方式和加载完成后的实例化。原创 2021-01-15 09:19:27 · 1486 阅读 · 1 评论