门派介绍|||||||
身份介绍||||||
给新手解读标记系统 地图标注和坐标获取方式
《天涯明月刀OL》巴士专区写手、解说、视频作者、论坛版主持续招募中，如有需求请联系小编QQ：。如需投稿请直接 点击进入论坛 ！（TGBUS官方QQ群：） 在游戏里，我们
　　《天涯明月刀OL》巴士专区写手、解说、视频作者、论坛版主持续招募中，如有需求请联系小编QQ：。如需投稿请直接！（TGBUS官方QQ群：）
　　在游戏里，我们常常需要去寻找一个特定坐标下的NPC或物品，譬如查看某个攻略上提到的创作条件后，我们需要按照攻略上提到的坐标去找到这个点采集物品;或者在复杂的地形里需要记录一个隐藏成就的位置;又或者抓捕宠物时想记录下刷新的坐标。但单纯依赖鼠标悬停的坐标，一来寻找起来繁琐，二来每次打开地图查看也不那么直观，特别是当我们想记录这个物品的位置，方便下次再来采集时，我们就需要一种更为方便直观的方式来记录物体的具体坐标。传统的纸张记录和图片记录都不那么方便，不过不用担心，在天刀中同样有这样的功能，并且使用起来极为简单。
　　标记系统的位置
　　我们打开M键地图，在地图的右上方，毛笔形状的标志提示我们，可以用这个来给地图增加标志。使用SHIFT+右键同样可以迅速给地图增加标志。
　　当我们对应攻略进行寻找时，譬如我们想寻找一个坐标为【】的物体，点击毛笔输入具体坐标，然后再点击放大镜进行查找，搜索到这个区域后，我们简略的进行命名。
　　接着选择我们需要的图标进行标注，即可在地图上直观的看到它的位置了。
　　当然，有的时候如果我们地图上的图标过多，界面繁杂中无法找到它，还可以取消左上角的所有图标显示，这样就可以很方便的寻找到我们所标注的点了。
　　利用这样的方法，我们可以方便的记载自己曾经做过的隐藏成就、荡寇中BOSS刷新的位置和创作的条件点等等。
　　然而，当我们学会如何去搜索一个坐标之后，我们又如何去获取我们当前或想要去的坐标呢?
　　解决这个问题其实有三种办法：
　　第一：我们可以点击M键打开地图，在地图左上方使用复制按钮，即可复制我们所处位置的坐标，直接粘贴在对话框中，选择对应的频道进行发送。
　　第二：在关闭对话框后，我们可以按住CTRL键，左键点击角色身边的地面，即可在对话框中获取该地区的坐标，选择对应的频道发送即可。
　　第三：我们还可以将鼠标悬停在自己所处的位置，根据提示的坐标，大致给朋友进行提示，不过这种方法远不及上面两种方便快捷，所以并不推荐。
　　这样我们可以快速让身边的朋友知道自己所处的位置，方便进行团战前的沟通交流，迷路时的寻找等等，再也不用按照地形或方向来叙述自己的大概位置，只需点击坐标即可自动寻路来到你的身边，让游戏更加的简单和效率。
　　当然，游戏中还有许许多多这样的小技巧，都是用来减少我们游戏中的小麻烦的，这些技巧都需要你有一双善于去发现的眼睛才能找寻到。Google Map API更新实现用户自定义标注坐标-javascript技巧
由于工作需要，又要开始看Google Map API 代码，今天再把我之前的GoogleMap类，又更新了下，加了个简单的用户自定义标注坐标的功能。看看吧(代码没怎么优化，别见笑)
演示地址：/effects/google-map.html复制代码 代码如下:if(typeof GoogleMap === 'undefined'){ var GoogleMap = {}; } (function(){ if (!document.getElementById("fgmap")) {
} else { // 是否可创建Google地图控件 var isCompatible = new GBrowserIsCompatible(); if (isCompatible) { var mapContainer = document.getElementById("fgmap"); // 创建GoogleMAP地图实例 var map = new GMap2(mapContainer); // 地图默认的比例尺级别 var perviewLevel = 14; // 大的地图缩放级别控件 var largeMapControl = new GLargeMapControl(); // 地图缩略图控件 var overviewMapControl = new GOverviewMapControl(); // 比例尺控件 var scaleControl = new GScaleControl(); // 地图类形选择控件 var mapTypeControl = new GMapTypeControl(); // 地址-坐标转换器 var geocoder = new GClientGeocoder(); // 上一次的查询地址 var lastAddress = ''; // 上一次的查询坐标 var lastPoint = // 最后一个创建的标记控件 var lastMarker = // 用户标记的最后一个坐标点 var cusLastPoint = GoogleMap.mapMsg = []; // 创建地图 GoogleMap.Map = function(lat, lng){ var point = new GLatLng(lat, lng); map.addMapType(G_PHYSICAL_MAP); map.setCenter(point, perviewLevel); map.enableDoubleClickZoom(); map.enableScrollWheelZoom(); map.enableContinuousZoom(); map.addControl(largeMapControl) map.addControl(overviewMapControl); map.addControl(mapTypeControl); map.addControl(scaleControl); }; // 创建标记 GoogleMap.createMarker = function(latlng, markerOptions){ var marker = markerOptions ? new GMarker(latlng, markerOptions) : new GMarker(latlng); lastMarker =
}; // 自定义标记选项 /* ========================================================================================================================================================================================= 参数说明： 常数：G_DEFAULT_ICON 标记使用的默认图标。 image String 图标的前景图像 URL。 shadow String 图标的阴影图像 URL。 iconSize GSize 图标前景图像的像素大小。 shadowSize GSize 阴影图像的像素大小。 iconAnchor GPoint 此图标在地图上的锚定点相对于图标图像左上角的像素坐标。 infoWindowAnchor GPoint 信息窗口在此图标上的锚定点相对于图标图像左上角的像素坐标。 printImage String 打印地图所用的前景图标图像的 URL。其大小必须与 image 提供的主图标图像的大小相同。 mozPrintImage String 用 Firefox/Mozilla 打印地图时所用的前景图标图像的 URL。其大小必须与 image 提供的主图标图像的大小相同。 printShadow String 打印地图时所用的阴影图像的 URL。由于大多数浏览器都无法打印 PNG 图像，所以图像格式应该为 GIF。 transparent String 在 Internet Explorer 中捕获点击事件时，所用的透明前景图标图像的 URL。此图像应是具有 1% 不透明性的 24 位 PNG 格式的主图标图像，但其大小和形状同主图标相同。 imageMap Array of Number 表示图像地图 x/y 坐标的整数数组，用它指定浏览器（非 Internet Explorer）中图标图像的可点击部分。 maxHeight Integer 指定拖动标记时视觉上垂直“上升”的距离（以像素表示）。（自 2.79 开始） dragCrossImage String 指定拖动图标时十字交叉图像的 URL。（自 2.79 开始） dragCrossSize GSize 指定拖动图标时十字交叉图像的像素大小。（自 2.79 开始） dragCrossAnchor GPoint 指定拖动图标时十字交叉图像的像素坐标偏移量（相对于 iconAnchor）。（自 2.79 开始） ========================================================================================================================================================================================= */ GoogleMap.setCustomIcon = function(IconOptions){ var myIcon = new GIcon(G_DEFAULT_ICON), for (i in IconOptions) { switch (i) { case 'iconSize': case 'shadowSize': case 'dragCrossSize': myIcon[i] = new GSize(IconOptions[i][0], IconOptions[i][1]);
case 'iconAnchor': case 'infoWindowAnchor': case 'infoShadowAnchor': case 'dragCrossAnchor': myIcon.iconAnchor = new GPoint(IconOptions[i][0], IconOptions[i][1]);
default: myIcon[i] = IconOptions[i];
} } return myI }; // 用户自定义标注 GoogleMap.customMarkPoint = function(){ var marker = var markPoint = cusLastPoint ? new GLatLng(cusLastPoint[0],cusLastPoint[1]) : new GLatLng(lastPoint[0],lastPoint[1]); var markOptions = { icon: GoogleMap.setCustomIcon({ image: '/effects/img/icon13.png' }), draggable: true }; marker = GoogleMap.createMarker(markPoint, markOptions); GEvent.addListener(marker, "dragstart", function(){ map.closeInfoWindow(); }); GEvent.addListener(marker, "dragend", function(){ var custPoint = marker.getPoint(); var markTip = '&div class="fgmap_markerMsg" id="cusMarkTip"&'; markTip += '&h4&用户地图标注&/h4&'; markTip += '&div id="mapTips"&&p&当前经纬度：(' + custPoint.lat() + ',' + custPoint.lng() + ')&br /&'; markTip += '是否将新位置设置为此商户的默认位置？&/p&'; markTip += '&div class="MDB" style="text-align:"&&button id="MapOK" '; marker.openInfoWindowHtml(markTip); }); map.addOverlay(marker); }; // 保存用户自定义坐标 GoogleMap.MapOk = function(){ var savedPoint = lastMarker.getPoint(); var lat = savedPoint.lat(), lng = savedPoint.lng(); var markTip = document.getElementById('cusMarkTip'); markTip.innerHTML = '&h4&正在上传您所保存的坐标信息...&/h4&'; if (timer) { clearTimeout(timer); } var timer = setTimeout(function(){ map.clearOverlays(); var marker = GoogleMap.createMarker(savedPoint); if (GoogleMap.mapMsg) { GEvent.addListener(marker, "click", function(){ var msg = '&span class="fgmap_markerMsg"&', msg += '&h4&' + GoogleMap.mapMsg[1][0] + '&/h4&'; for (var j = 1; j & GoogleMap.mapMsg[1]. j++) { msg += GoogleMap.mapMsg[1][j] + "&br /&"; } msg += "&/span&"; map.openInfoWindowHtml(savedPoint, msg); }); } map.addOverlay(marker); map.setCenter(savedPoint); cusLastPoint = [lat,lng]; }, 2000); }; // 取消用户自定义坐标操作 GoogleMap.MapCancel = function(){ map.removeOverlay(lastMarker); map.closeInfoWindow(); }; // 通过地址获得坐标 GoogleMap.getAddresslatlng = function(response){ var place = response.Placemark[0]; var point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]); return [place.Point.coordinates[1], place.Point.coordinates[0], point, place]; }; // 标注坐标和相应的说明信息 GoogleMap.MarkerMap = function(lat, lng){ var marker = var point = new GLatLng(lat, lng); GoogleMap.Map(lat, lng); marker = this.createMarker(point); if (GoogleMap.mapMsg) { GEvent.addListener(marker, "click", function(){ var msg = '&span class="fgmap_markerMsg"&', msg += '&h4&' + GoogleMap.mapMsg[1][0] + '&/h4&'; for (var j = 1; j & GoogleMap.mapMsg[1]. j++) { msg += GoogleMap.mapMsg[1][j] + "&br /&"; } msg += "&/span&"; map.openInfoWindowHtml(point, msg); }); } map.addOverlay(marker); }; // 将查询地址添加到地图 GoogleMap.addAddressToMap = function(response){ map.clearOverlays(); if (!response || response.Status.code != 200) { alert("对不起, 我们解析不到该地址的经纬度坐标！"); } else { var marker = null, point = GoogleMap.getAddresslatlng(response); var address = point[3].address, lat = point[0], lng = point[1]; GoogleMap.mapMsg = (GoogleMap.mapMsg !== '' && (lastAddress === GoogleMap.mapMsg[0])) ? GoogleMap.mapMsg : [address, [point[3].address, ('经度：' + point[1]), ('纬度：' + point[0])]]; GoogleMap.MarkerMap(lat, lng); lastPoint = [lat,lng]; } }; // 将查询坐标添加到地图 GoogleMap.addPointToMap = function(cPoint){ map.clearOverlays(); var marker = null, lat = cPoint[0], lng = cPoint[1]; GoogleMap.MarkerMap(lat, lng); lastPoint = [lat,lng]; }; // 通过地址/坐标将Marker显示到地图上 GoogleMap.showLocation = function(cPoint){ if (typeof cPoint === 'string') { geocoder.getLocations(cPoint, this.addAddressToMap); lastAddress = cP } else{ GoogleMap.addPointToMap(cPoint); } }; GEvent.addListener(window, 'unload', GUnload); } else { alert("对不起，您的浏览器不支持创建地图！"); } } })();如何在百度地图上标注多个地点并显示名称_百度知道