带方向的Google地图集群
带方向的Google地图集群
提问于 2014-07-09 14:36:45
我们有一个Google map library来显示集群中的多个标记。
我有两个问题：
1.我们可以像下图一样在Google地图上显示多个方向吗？
2.我们可以在集群标记中显示多个方向细节吗？
集群如下所示：
我将给你举个例子:对于印度，我在我的数据库中保存了不同的方向。
喜欢
艾哈迈达巴德到德里
从德里到阿格拉
艾哈迈达巴德到孟买
jaypur到德里
我必须显示集群的上述方向取决于缩放水平，当用户缩放谷歌地图，而不是集群有多个方向显示在谷歌地图上。
我想知道有没有可能？如果是，那么是如何实现的？
回答 2
Stack Overflow用户
发布于 2014-07-26 03:13:52
您可以通过使用Directions API来实现您的目标。您可以提供起点和终点(可以是经度/经度或地名)。另一个必填字段是出行模式(默认情况下是驾驶)。
现在，方向返回顶点，这些顶点可以转换为折线，然后在地图上绘制。This answer在这方面做得很好，我将使用它的代码。
package com.example.simon.maps;
import java.util.ArrayList;
import java.util.List;
import org.w3c.dom.Document;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.MapFragment;
import com.google.android.gms.maps.model.CameraPosition;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.Polyline;
import com.google.android.gms.maps.model.PolylineOptions;
import android.graphics.Color;
import android.os.Bundle;
import android.os.StrictMode;
import android.support.v4.app.FragmentActivity;
import android.util.Log;
import android.util.SparseArray;
/**
* Created by Simon on 2014 Jul 25.
*/
public class MainActivity extends FragmentActivity {
final static String TAG = "MainActivity";
GoogleMap mMap;
GMapV2Direction md;
int mZoomLevel;
final float STARTING_ZOOM = 5.0f;
// List of polylines for each zoom level
SparseArray<List<Polyline>> mPolylines = new SparseArray<List<Polyline>>();
public class direction {
String start, end;
int zoomLevel;
direction(String pStart, String pEnd, int pZoomLevel) {
start = pStart;
end = pEnd;
zoomLevel = pZoomLevel;
}
}
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
if (android.os.Build.VERSION.SDK_INT > 9) {
StrictMode.ThreadPolicy p = new StrictMode.ThreadPolicy.Builder().permitAll().build();
StrictMode.setThreadPolicy(p);
}
md = new GMapV2Direction();
mMap = ((MapFragment)getFragmentManager().findFragmentById(R.id.map)).getMap();
List<direction> directions = new ArrayList<direction>();
directions.add(new direction("Ahmedabad,Gujarat,India", "delhi,India", 4));
directions.add(new direction("Ahmedabad,Gujarat,India","Bombay,Maharashtra,India", 4));
directions.add(new direction("Jeypore,Odisha,India", "delhi,India", 5));
for (MainActivity.direction direction : directions) {
// Query
Document doc = md.getDocument(direction.start, direction.end);
// Parse the xml
if (doc == null) {
Log.e(TAG, "Failed to get the route from " + direction.start
+ " to " + direction.end);
continue;
}
// Get points
ArrayList<LatLng> directionPoint = md.getDirection(doc);
// Convert vertexes to a polyline
PolylineOptions rectLine = new PolylineOptions().width(3).color(Color.RED);
for (LatLng aDirectionPoint : directionPoint) {
rectLine.add(aDirectionPoint);
}
// Add poly to the map
addPolyline(rectLine, direction.zoomLevel);
}
// Get the starting point of the first direction
LatLng start = mPolylines.valueAt(0).get(0).getPoints().get(0);
mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(start, STARTING_ZOOM), 1000, null);
// Set the initial zoom level and show the necessary polylines
mZoomLevel = (int) STARTING_ZOOM;
initPolylines(mZoomLevel);
// Listen for the camera zoom level changes
mMap.setOnCameraChangeListener(new GoogleMap.OnCameraChangeListener() {
@Override
public void onCameraChange(CameraPosition cameraPosition) {
// Note that because we are casting the zoomLevel to int,
// it will be considered as changed only when it reaches
// a new integer when rounded (e.g. 5.0, 6.0 etc.)
int newZoomLevel = (int) cameraPosition.zoom;
if (newZoomLevel != mZoomLevel) {
Log.d(TAG, "New zoom level: " + newZoomLevel);
// Loop all the changed zoom levels
// E.g. zoomed-out from 15 to 13, then hide [14, 15]
if (newZoomLevel < mZoomLevel) { // Zoomed out
for (int i=1; i<=mZoomLevel-newZoomLevel; i++)
hidePolylines(mPolylines.get(newZoomLevel+i));
} else { // Zoomed-in
for (int i=1; i<=newZoomLevel-mZoomLevel; i++)
showPolylines(mPolylines.get(mZoomLevel + i));
}
mZoomLevel = newZoomLevel;
}
}
});
}
private void addPolyline(PolylineOptions polyOpts, int zoomLevel) {
List<Polyline> polylines = mPolylines.get(zoomLevel);
// Create polyline list for this zoom level, if it still doesn't exist
if (polylines == null) {
polylines = new ArrayList<Polyline>();
mPolylines.put(zoomLevel, polylines);
}
// Append a new item to this poly list
Polyline polyline = mMap.addPolyline(polyOpts);
polyline.setVisible(false);
polylines.add(polyline);
}
private void initPolylines(int zoomLevel) {
for(int i=0; i<mPolylines.size(); i++) {
// Loop until zoom level is reached
if (mPolylines.keyAt(i) > zoomLevel) break;
showPolylines(mPolylines.get(mPolylines.keyAt(i)));
}
}
private void showPolylines(List<Polyline> polylines) {
if (polylines != null)
for (Polyline polyline : polylines) polyline.setVisible(true);
}
private void hidePolylines(List<Polyline> polylines) {
if (polylines != null)
for (Polyline polyline : polylines) polyline.setVisible(false);
}
}此代码将多段线添加到保存每个缩放级别的多段线的SparseArray中。默认情况下，所有多边形都是隐藏的，只有在达到特定缩放级别时才会显示(也是在initPolylines中)。
这里有几点需要注意：
由于directions.
- The缩放可以一次更改几个级别，因此我们循环每个级别以隐藏/显示特定的位置名称必须精确，否则将找不到它们，并且您可能会在代码中收到一堆错误(我只添加了一个Log.e)
- 如果您想要在创建标记<>E214>，假设方向的起点和终点，您可以使用以下代码来获取坐标：
List points = mPolylines.valueAt(0).get(0).getPoints()；LatLng start = points.get(0)；LatLng end =List可以在特定缩放级别添加/删除，就像此处对折线所做的那样。
下面是xml解析器(GMapV2Direction)的代码：
package com.example.simon.maps;
import java.io.InputStream;
import java.util.ArrayList;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import org.apache.http.HttpResponse;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.protocol.BasicHttpContext;
import org.apache.http.protocol.HttpContext;
import org.w3c.dom.Document;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
import com.google.android.gms.maps.model.LatLng;
public class GMapV2Direction {
public GMapV2Direction() { }
public Document getDocument(String start, String end) {
String url = "http://maps.googleapis.com/maps/api/directions/xml?"
+ "origin="+start+"&destination="+end+"&units=metric&mode=driving";
try {
HttpClient httpClient = new DefaultHttpClient();
HttpContext localContext = new BasicHttpContext();
HttpPost httpPost = new HttpPost(url);
HttpResponse response = httpClient.execute(httpPost, localContext);
InputStream in = response.getEntity().getContent();
DocumentBuilder builder = DocumentBuilderFactory.newInstance().newDocumentBuilder();
return builder.parse(in);
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
public ArrayList<LatLng> getDirection (Document doc) {
NodeList nl1, nl2, nl3;
ArrayList<LatLng> listGeopoints = new ArrayList<LatLng>();
nl1 = doc.getElementsByTagName("step");
if (nl1.getLength() > 0) {
for (int i = 0; i < nl1.getLength(); i++) {
Node node1 = nl1.item(i);
nl2 = node1.getChildNodes();
Node locationNode = nl2.item(getNodeIndex(nl2, "start_location"));
nl3 = locationNode.getChildNodes();
Node latNode = nl3.item(getNodeIndex(nl3, "lat"));
double lat = Double.parseDouble(latNode.getTextContent());
Node lngNode = nl3.item(getNodeIndex(nl3, "lng"));
double lng = Double.parseDouble(lngNode.getTextContent());
listGeopoints.add(new LatLng(lat, lng));
locationNode = nl2.item(getNodeIndex(nl2, "polyline"));
nl3 = locationNode.getChildNodes();
latNode = nl3.item(getNodeIndex(nl3, "points"));
ArrayList<LatLng> arr = decodePoly(latNode.getTextContent());
for (LatLng anArr : arr) {
listGeopoints.add(new LatLng(anArr.latitude, anArr.longitude));
}
locationNode = nl2.item(getNodeIndex(nl2, "end_location"));
nl3 = locationNode.getChildNodes();
latNode = nl3.item(getNodeIndex(nl3, "lat"));
lat = Double.parseDouble(latNode.getTextContent());
lngNode = nl3.item(getNodeIndex(nl3, "lng"));
lng = Double.parseDouble(lngNode.getTextContent());
listGeopoints.add(new LatLng(lat, lng));
}
}
return listGeopoints;
}
private int getNodeIndex(NodeList nl, String nodename) {
for(int i = 0 ; i < nl.getLength() ; i++) {
if(nl.item(i).getNodeName().equals(nodename))
return i;
}
return -1;
}
private ArrayList<LatLng> decodePoly(String encoded) {
ArrayList<LatLng> poly = new ArrayList<LatLng>();
int index = 0, len = encoded.length();
int lat = 0, lng = 0;
while (index < len) {
int b, shift = 0, result = 0;
do {
b = encoded.charAt(index++) - 63;
result |= (b & 0x1f) << shift;
shift += 5;
} while (b >= 0x20);
int dlat = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));
lat += dlat;
shift = 0;
result = 0;
do {
b = encoded.charAt(index++) - 63;
result |= (b & 0x1f) << shift;
shift += 5;
} while (b >= 0x20);
int dlng = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));
lng += dlng;
LatLng position = new LatLng((double) lat / 1E5, (double) lng / 1E5);
poly.add(position);
}
return poly;
}
}最后的一些注意事项：
如果你有很多方向，在hidePolylines
- If中加载和卸载它们，你想在地图上显示的方向是恒定的，最好的方法是使用带有特定缩放级别的折线的瓦片(
- )。一个很好的免费工具是Maperitive，它可以将瓷砖导出到你想要的任何缩放级别。然后在线存储切片并使用UrlTileProvider将其显示在地图上。
Stack Overflow用户
发布于 2014-07-24 18:35:26
我不知道我是否正确理解了你的问题，但我会尽力回答的。您可以创建多个polylines，并从google maps direction API的JSON响应中添加到映射。通过这种方式，您可以在单个地图中添加多条路由。
就我对第二个问题的理解而言，您希望集群标记给出您正在绘制的路由的详细信息。为此，我猜你可以对API返回的点进行聚类，并使用custom marker clusters来显示你想要的信息。
希望能有所帮助
-编辑-如果你想在安卓应用程序中绘制路线，你不会得到任何可以使用的DirectionRenderer。需要使用多段线渲染管线。这就是我在上面的答案中提到创建折线的原因。作为对Direction请求的响应，您将获得一个包含多个坐标点的JSON，这些坐标点可以通过绘制多段线来连接。在地图上可以有多条这样的多段线(从任何点到任何点)。案例1:您想要2条从孟买到果阿的路由，将alternatives参数设置为true。案例2:您想要两个不同的路由，班加罗尔到孟买，果阿到德里，向API发出两个不同的请求。您将获得两条不同的路线，并将它们绘制在地图上。
对于您的第二个问题，由于路由(折线)没有内置的聚类，因此您必须对地图中显示的聚类图标的逻辑进行编码。要获取当前缩放级别，请使用以下命令。
GoogleMap map;
float zoom = map.getCameraPosition().zoom;用于显示和隐藏多段线
Polyline line = map.addPolyline(new PolylineOptions()
.add(new LatLng(51.5, -0.1), new LatLng(40.7, -74.0))
// multiple points that you get from the response of directions API
.width(5)
.color(Color.RED));
//your logic for visibility
if(zoom<=5){
line.setVisible(true);
}我在API中找不到任何方法来使用代码隐藏集群图标。我猜它应该在达到一定的缩放级别后隐藏起来。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24646864
复制相关文章
相似问题
腾讯云开发者
