编写一个程序在手机或电脑上运行, 通过访问以下url , 将获取到一组点坐标的经纬度: http://emojikeyboard.cn:8080/v2/gaode/list 一个点的坐标数据格式如下: { "longitude":"113.51299368367913", //经度 "latitude":"22.28335787192102" //纬度 }, 要求: 1. 请为每一个点在高德地图中加一个标记 2. 并为每一个点的标记按先后顺序加个数字,如第一个点就在标记中心显示 数字 3. 将这些点按前后点顺序在高德地图中连接成线,可以看到一个简单的图形.
时间: 2023-03-26 07:03:24 浏览: 146
谷歌折线编码器:将坐标(经度/纬度)编码为谷歌折线格式。-matlab开发
您好,可以使用高德地图API来实现这个需求。具体步骤如下:
1. 通过访问给定的url获取到一组点坐标的经纬度数据。
2. 在高德地图中创建一个地图实例,并将地图中心点设置为第一个点的经纬度。
3. 遍历每一个点的经纬度数据,为每一个点在地图上添加一个标记,并按先后顺序加上数字。
4. 将这些点按前后点顺序在高德地图中连接成线,可以看到一个简单的图形。
下面是一个简单的示例代码,供参考:
```
// 创建地图实例
var map = new AMap.Map('container', {
zoom: 13,
center: [113.51299368367913, 22.28335787192102]
});
// 获取点坐标数据
$.get('http://emojikeyboard.cn:808/v2/gaode/list', function(data) {
var points = data.points;
// 遍历每一个点的经纬度数据
for (var i = ; i < points.length; i++) {
var point = points[i];
// 在地图上添加标记
var marker = new AMap.Marker({
position: [point.longitude, point.latitude],
map: map,
title: '第' + (i + 1) + '个点'
});
// 添加标记数字
var label = new AMap.Text({
text: (i + 1).toString(),
position: [point.longitude, point.latitude],
map: map,
offset: new AMap.Pixel(-10, -20)
});
// 连接点成线
if (i > ) {
var line = new AMap.Polyline({
path: [[points[i - 1].longitude, points[i - 1].latitude], [point.longitude, point.latitude]],
map: map,
strokeColor: '#3366FF',
strokeWeight: 5
});
}
}
});
```
注意:在使用高德地图API时,需要先引入相应的JS文件,并且需要申请高德地图开发者账号并获取API Key。
阅读全文