高德地图的多人定位实现方式
来源:互联网 发布:冒险岛自由市场数据 编辑:程序博客网 时间:2024/04/30 18:00
效果图:
1.html部分:
<li class="jzrow" onclick="jzsetLat()">定位</li>
2.传递数据
function jzsetLat() { //定位
var ifr = document.getElementById('iframeRight');
var targetOrigin = '*';
var json = [
{
"name": "张三",
"address": "天津市南开区红旗路220号慧谷大厦",
"dTime": "2016-12-20 10:28",
"lngX": "117.1419139142",
"latY": "39.1157409540"
},
{
"name": "李四",
"lngX": "117.181942",
"latY": "39.122237",
"address": "天津市和平区甘肃路",
"dTime": "2016-12-20 06:30"
}
];
var func = { name: "jzsetLat", arg: json };//传输name名称以及json串
ifr.contentWindow.postMessage(func, targetOrigin);
}
3.js部分(关键)
var marker_dingwei; var windowsArr_dingwei; //定位用到的
function jzsetLat(str) {
if ($(".righttopdiv-Animation").is(":visible")) {
$(".righttopdiv-Animation").hide(); //若动画播放层是显示的,则将其隐藏
}
mapObj.clearMap();
marker_dingwei = []; windowsArr_dingwei = []
$.each(str, function (index, item) {
var getlngX = parseFloat(item.lngX); //
var getlatY = parseFloat(item.latY); //
var arr_dingwei = GPS.gcj_encrypt(getlatY, getlngX); //定位,将gps坐标转成火星坐标
getlngX = arr_dingwei.lon.toFixed(6);
getlatY = arr_dingwei.lat.toFixed(6);
//document.write("GCJ-02火星坐标系:" + arr2['lat'] + "," + arr2['lon'] + '<br />');
//alert(arr_dingwei['lat'] + "," + arr_dingwei['lon']);
var marker_jz = new AMap.Marker({
map: mapObj,
content: '<div class=\"shequlat_jz\" onmouseover=\"openMarker_jz_Dingwei(' + index + ',this)\" onmouseout=\"onmouseout_removejz()\" ></div>',
position: new AMap.LngLat(getlngX, getlatY)
});
var infoWindow_jz = new AMap.InfoWindow({
content: "<div class='arrow-left'><div class='arrowdiv'><div class='arrow-name'>" + item.name + "</div><div class='arrow-close' onclick='closeInfoWindow()'></div></div><div class='arrow-time'>" + item.dTime + "</div><div class='arrow-address'>" + item.address + "</div></div>",
size: new AMap.Size(230, 70),
autoMove: true, //是否自动调整窗体到视野内
offset: new AMap.Pixel(123, 38),
showShadow: false
});
//infoWindow_jz.open(mapObj, marker_jz.getPosition());
//windowsArr_nearby[pointid].open(mapObj, marker_nearby[pointid]);
marker_dingwei.push(new AMap.LngLat(getlngX, getlatY));
windowsArr_dingwei.push(infoWindow_jz);
marker_jz.setMap(mapObj); //在地图上添加点
var aa = function (e) { infoWindow_jz.open(mapObj, marker_jz.getPosition()); }; //自定义一个点击方法
AMap.event.addListener(marker_jz, "click", aa); //当点击定位图标时,打开信息窗口
});
mapObj.setFitView(); //适应地图至居中
}
function openMarker_jz_Dingwei(pointid, thiss) { //根据id 打开搜索结果点tip
//thiss.style.background = '#CAE1FF';
windowsArr_dingwei[pointid].open(mapObj, marker_dingwei[pointid]);
}
//关闭信息窗体
function closeInfoWindow() {
mapObj.clearInfoWindow();
}
- 高德地图的多人定位实现方式
- 高德地图的实现小结
- 高德地图定位的简单实现
- 高德基本地图的实现继承
- H5 打开百度和高德地图的方式
- 高德地图-地图选点实现
- 实现高德地图定位
- 高德地图实现定位
- 高德地图实现步骤
- 便捷实现高德地图
- 高德地图小实现
- 高德地图多边形方式POI提取
- 实现地图上显示多mark点,自定义infoWindow,跳转高德地图和百度地图
- 高德地图的定位功能的实现
- 高德地图Android自定义路线规划的简单实现
- 利用高德地图SDK实现基本的定位
- Android 高德地图定位功能的实现步骤
- 利用高德地图SDK实现基本的定位
- 数据挖掘-Apriori算法(2)
- 使用不安全代码将 Bitmap 位图转为 WPF 的 ImageSource 以获得高性能和持续小的内存占用
- [基础题] 7.第二种(*)按如下要求编写Java程序:
- 费用流-模板
- 自动人机无脑3v3脚本
- 高德地图的多人定位实现方式
- Hibernate的关联关系
- HDU 4287 Intelligent IME(字典树)
- markdown简单语法总结
- Visual->UIElement->FrameworkElement,带来更多功能的同时也带来了更多的限制
- sleep()与wait()方法的区别
- shadowsocks ubuntu 安装
- (一)初始electron
- 动态规划问题分析求解