Gmap添加点线面

2023-10-29 14:32
文章标签 点线面 gmap

本文主要是介绍Gmap添加点线面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

代码如下 :
function CreatePoints() {
// #画点之前移除map范围内的click事件
GEvent.clearListeners(map, 'click');

var id = 0;
var points = [];
var str;
GEvent.addListener(map, 'click', function(marker, point) {
if (point) {
id++;
var NewMarker = new GMarker(point, { draggable: true });
var html = "<span><b>" + point + "</b><br/><span>";
map.addOverlay(NewMarker);
NewMarker.openInfoWindowHtml(html);
NewMarker.setIndex(id);
str = point.lat() + " " + point.lng() + " " + id;
points.push(str);
document.getElementById("hidPoints").value = points.toString();
// #双击新建的点删除该点的marker
GEvent.addListener(NewMarker, 'dblclick', function() {
deleteMarker(NewMarker);
// #删除数组中存的该点的值
points.splice(NewMarker.index - 1, 1);
document.getElementById("hidPoints").value = points.toString();
});
// #拖动事件
GEvent.addListener(NewMarker, "dragstart", function() {
map.closeInfoWindow();
points.splice(NewMarker.index - 1, 1);
});
// #拖动的点落下
GEvent.addListener(NewMarker, "dragend", function() {
var htmls = "<span><b>" + NewMarker.getPoint() + "</b><br/><span>";
NewMarker.openInfoWindowHtml(htmls);
str = NewMarker.getPoint().lat() + " " + NewMarker.getPoint().lng() + " " + NewMarker.index;
points.push(str);
document.getElementById("hidPoints").value = points.toString();
});
}
});
}
有没有哪位大大做个demo 看看 我试了很多次 不知道哪里出了错 谢了

这篇关于Gmap添加点线面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/301294

相关文章

从文本坐标数据转换为矢量(点线面)

从坐标数据转换为空间几何(点线面) 介绍 只要文件中包含空间数据(如经纬度信息),转换为点、线或面要素。我们将使用内置的 excel Reader 参数、VertexCreator 转换器将坐标转换为点要素。我们还将使用 VertexCreator 转换器和 LineBuilder 转换器和AreaBuilder转换为线和面要素。对于任何纬度/纬度的的数据集,都可以这么搞。 模板总体结构

three.js 编辑器,动画,着色器, cesium 热力图,聚合点位,大量点线面, 图层,主题,文字

对于大多数的开发者来言,看了很多文档可能遇见不到什么有用的,就算有用从文档上看,把代码复制到自己的本地大多数也是不能用的,非常浪费时间和学习成本, 尤其是three.js , cesium.js 这种难度较高, 想要实现一个功能可能会查阅很多博客 ,进行很多错误尝试,费时费力。 所以,话不多说为了给各位造福利,我搭建了在线查看代码且可的调试系统,所有案例可直接访问,让你欣赏 什么叫做 - 优雅永

Easy GIS .NET GMap.Net

Easy GIS .NET & GMap.Net .NET 环境下非常简单的GIS地图开发库。 Easy GIS .NET 一个简单的GIS 桌面应用程序,实现了地图瓦片加载、shapefile文件和csv文件加载渲染、地图坐标系统设置及转换等等基本功能,非常简单易用。 Easy GIS .NET is an open source GIS and Shapefile library wr

三维GIS平台标绘功能新玩法,不仅可以绘制点线面,还可以生成单体化

地图标绘是指在地图背景上标绘各种具有空间特征的事、物的分布状态或行动部署。标绘功能能够表达各种信息,描述各种对象,表示各种资源,可用于规划设计、电力、通信和应急等行业。 标绘技术是三维GIS的一个重要技术手段,在几何表达上主要分为点标绘、线标绘、面标绘,常见的有点、线、面的形式。 【四维轻云】是一款轻量化的地理空间数据管理云平台,支持地理空间数据的在线管理、编辑以及分享。平台有项目管理、数据上

39 openlayers 对接地图图层 绘制点线面圆

前言 这里主要是展示一下 openlayers 的一个基础的使用  主要是设计 接入地图服务器的 卫星地图, 普通的二维地图, 增加地区标记  增加 省市区县 的边界标记 基础绘制 点线面园 等等 测试用例 <template><div style="width: 1920px; height:1080px;" ><div class="olMapUsageClass"></d

38 mars3d 对接地图图层 绘制点线面员

前言 这里主要是展示一下 mars3d 的一个基础的使用  主要是设计 接入地图服务器的 卫星地图, 普通的二维地图, 增加地区标记  基础绘制 点线面园 等等 测试用例 <template><div style="width: 1920px; height:1080px;"><div class="mars3dClass" id="mars3dClass"></div></di

bigemap地图下载器 百度离线地图API接口文档及接口调用实例——鼠标绘制点线面类参考

类 BMapLib.DrawingManager 鼠标绘制管理类,实现鼠标绘制管理的入口。 实例化该类后,即可调用该类提供的open 方法开启绘制模式状态。 也可加入工具栏进行选择操作。 源文件: DrawingManager.js. 类 类描述 BMapLib.DrawingManager(map, opts) DrawingManager类的构造函数 方法 方法返回值描述 clo

bigemap地图下载器 百度离线地图API接口文档及接口调用实例——鼠标绘制点线面

以上效果完整HTML+JS代码示例: <!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport

OpenCV/C++:点线面相关计算(二)

接续,继续更新 OpenCV/C++:点线面相关计算_线面相交的点 代码计算-CSDN博客文章浏览阅读1.6k次,点赞2次,收藏12次。OpenCV处理点线面的常用操作_线面相交的点 代码计算https://blog.csdn.net/cd_yourheart/article/details/125626239 目录 1、计算向量的投影 1、计算向量的投影 Poin

【python】gdal创建普通点线面

import ostry:from osgeo import ogr, gdalfrom osgeo import osrexcept:import ogr# 属性reader = [{'Name': "a",'Region': "我是",'Latitude': "86478.950188794",'Longitude': "74905.3874084952",'Elev'