Android 如何在Google Map API v2中的MapFragment上显示多个标记?
我正在应用程序中使用Android 如何在Google Map API v2中的MapFragment上显示多个标记?,android,google-maps,google-maps-markers,google-maps-api-2,supportmapfragment,Android,Google Maps,Google Maps Markers,Google Maps Api 2,Supportmapfragment,我正在应用程序中使用googlemapapiv2来显示地图 我已经遵循了所有步骤,即在我的应用程序中启用谷歌地图所要遵循的步骤 public class PinLocationOnMapView extends FragmentActivity { private double mLatitude = 0.0, mLongitude = 0.0; @Override protected void onCreate(Bundle savedInstanceState)
googlemapapiv2
来显示地图
我已经遵循了所有步骤,即在我的应用程序中启用谷歌地图所要遵循的步骤
public class PinLocationOnMapView extends FragmentActivity {
private double mLatitude = 0.0, mLongitude = 0.0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
SupportMapFragment fragment = SupportMapFragment.newInstance();
getSupportFragmentManager().beginTransaction()
.add(android.R.id.content, fragment).commit();
}
}
如果我使用此代码,它会显示地图,但如果我提供纬度/经度值,则不会加载地图分幅,并且只能看到白色分幅
下面是用上述类的onCreate()编写的代码:
if (getIntent().getExtras() != null) {
final Bundle bundle = getIntent().getBundleExtra("LOCATION");
mLatitude = bundle.getDouble("LATITUDE");
mLongitude = bundle.getDouble("LONGITUDE");
} else {
finish();
}
GoogleMapOptions options = new GoogleMapOptions();
LatLng latLng = new LatLng(mLatitude, mLongitude);
CameraPosition cameraPosition;// = new CameraPosition(latLng, 0, 0, 0);
cameraPosition = CameraPosition.fromLatLngZoom(latLng, (float) 14.0);
options.mapType(GoogleMap.MAP_TYPE_SATELLITE).camera(cameraPosition)
.zoomControlsEnabled(true).zoomGesturesEnabled(true);
SupportMapFragment fragment = SupportMapFragment.newInstance(options);
getSupportFragmentManager().beginTransaction()
.add(android.R.id.content, fragment).commit();
此外,我还有一个lat/long值列表。我想在MapFragment
上显示它们,如何在MapFragment
上显示多个标记
我尝试了
MapView
和ItemizedOverlay
,但对我不起作用。我相信我已经正确地创建了SHA1
键来获取API
键,因为如果这是错误的,我也无法使用MapFragment
查看地图,但如果我不传递lat/log值,我可以看到。我这样做是为了用不同颜色的标记在地图上显示汽车位置:
private void addMarkersToMap() {
mMap.clear();
for (int i = 0; i < Cars.size(); i++) {
LatLng ll = new LatLng(Cars.get(i).getPos().getLat(), Cars.get(i).getPos().getLon());
BitmapDescriptor bitmapMarker;
switch (Cars.get(i).getState()) {
case 0:
bitmapMarker = BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_RED);
Log.i(TAG, "RED");
break;
case 1:
bitmapMarker = BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN);
Log.i(TAG, "GREEN");
break;
case 2:
bitmapMarker = BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_ORANGE);
Log.i(TAG, "ORANGE");
break;
default:
bitmapMarker = BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_RED);
Log.i(TAG, "DEFAULT");
break;
}
mMarkers.add(mMap.addMarker(new MarkerOptions().position(ll).title(Cars.get(i).getName())
.snippet(getStateString(Cars.get(i).getState())).icon(bitmapMarker)));
Log.i(TAG,"Car number "+i+" was added " +mMarkers.get(mMarkers.size()-1).getId());
}
}
}
只需在
onCreate()
中调用setupmapifneed()
,就可以尝试调用网站根目录中的xml文件的代码-
添加标记的一种方法是加载驻留在根目录上的xml文件(参见下面的代码),其中包含标记html
这里的代码设置了地图空间和一个侧栏列,用于保存地图和标记的链接。请注意,html和map项目都有一个带有id和侧栏td id的div标记
您可以设置标记,但请注意需要使用必须正确标记的特殊字符;例如,符号(&)实际上应该编码为“&”+“amp”+;”(不带引号)。这同样适用于大于和小于字符,以此类推。如果你有几个标记,这是一件麻烦事,但一旦到位,就很容易更改,因为它不需要在应用程序中构建或编码任何程序集。在读取文件的脚本中,技术上使用CDATA标记应该不需要使用特殊字符表示,但是对于GMAPSAPIV2,我还是使用了它们。对于我的示例,xml文件名为example3.xml
您可以按如下方式格式化xml:
private GoogleMap mMap;
....
private void setUpMapIfNeeded() {
// Do a null check to confirm that we have not already instantiated the
// map.
if (mMap == null) {
// Try to obtain the map from the SupportMapFragment.
mMap = ((SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map)).getMap();
// Check if we were successful in obtaining the map.
if (mMap != null) {
setUpMap();
}
}
}
private void setUpMap() {
// Hide the zoom controls as the button panel will cover it.
mMap.getUiSettings().setZoomControlsEnabled(false);
// Add lots of markers to the map.
addMarkersToMap();
// Setting an info window adapter allows us to change the both the
// contents and look of the
// info window.
mMap.setInfoWindowAdapter(new CustomInfoWindowAdapter());
// Set listeners for marker events. See the bottom of this class for
// their behavior.
mMap.setOnMarkerClickListener(this);
mMap.setOnInfoWindowClickListener(this);
mMap.setOnMarkerDragListener(this);
// Pan to see all markers in view.
// Cannot zoom to bounds until the map has a size.
final View mapView = getSupportFragmentManager().findFragmentById(R.id.map).getView();
if (mapView.getViewTreeObserver().isAlive()) {
mapView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
@SuppressLint("NewApi")
// We check which build version we are using.
@Override
public void onGlobalLayout() {
LatLngBounds.Builder bld = new LatLngBounds.Builder();
for (int i = 0; i < mAvailableCars.size(); i++) {
LatLng ll = new LatLng(Cars.get(i).getPos().getLat(), Cars.get(i).getPos().getLon());
bld.include(ll);
}
LatLngBounds bounds = bld.build();
mMap.moveCamera(CameraUpdateFactory.newLatLngBounds(bounds, 70));
mapView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
}
});
}
}
<Markers>
<marker lat="47.881389" lng="-122.242222"
html='<div style="background-color:#FFFF88;font-family:Tahoma; font-size:12px;padding:6px; border:solid 1px black;"><b>SiteLines Park & Playground Products</b> <br>626 128th Street SW<br>Suite 104-A<br>Everett‚ WA 98204<br>Phone: (425) 355-5655<br><b>Toll Free: (800) 541-0869</b><br>Fax: (425) 347-3056<br>Email: <a href="mailto:info@sitelines.com" target="blank">emailus@sitelines.com</a><br>Web: <a href="http://www.sitelines.com" target="blank">www.sitelines.com</a> </div>'label="SiteLines Park & Playground Products" />
</Markers>
And for the html and script:
<form style="background-color: #ffffff;" id="form1" runat="server">
<div style="text-align: center;">
<table style="border: 1px currentColor; vertical-align: middle;">
<tbody>
<tr>
<td style="background-color: #bbcae3; vertical-align: top;">
<div style="background-color: #e4e4e4; font-family: Tahoma; font-size: 12px; line-height: 22px; padding: 5px; text-decoration: underline; width: 210px; color: #000000; text-align: left;" id="side_bar"></div>
</td>
<td>
<div style="height: 600px; width: 600px;" id="map"></div>
</td>
</tr>
</tbody>
</table>
</div>
</form>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAyUoL7QQqyBn6qU653XJGLxSjEdRKL8ahnZ9z8zIKzjlyzNOP2RRCsKP_vlAEzWT8jzEKS0_9RrXOAg"></script>
<script type="text/javascript">// <![CDATA[
if (GBrowserIsCompatible()) {
// this variable will collect the html which will eventualy be placed in the side_bar
var side_bar_html = "";
// arrays to hold copies of the markers and html used by the side_bar
// because the function closure trick doesnt work there
var gmarkers = [];
var htmls = [];
var i = 0;
// A function to create the marker and set up the event window
function createMarker(point, name, html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
// save the info we need to use later for the side_bar
gmarkers[i] = marker;
htmls[i] = html;
// add a line to the side_bar html
side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
i++;
return marker;
}
// This function picks up the click and opens the corresponding info window
function myclick(i) {
gmarkers[i].openInfoWindowHtml(htmls[i]);
}
// create the map
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(0, 0), 0);
//
// ===== Start with an empty GLatLngBounds object =====
var bounds = new GLatLngBounds();
// Read the data from example3.xml
GDownloadUrl("/testStore/example3.xml", function(doc) {
var xmlDoc = GXml.parse(doc);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat, lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
// create the marker
var marker = createMarker(point, label, html);
map.addOverlay(marker);
}
// put the assembled side_bar_html contents into the side_bar div
document.getElementById("side_bar").innerHTML = side_bar_html;
});
}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/
// http://econym.googlepages.com/index.htm
对于html和脚本:
//
//]]>我不知道您是否修复了代码,现在一切正常,但在onCreate()中
第二个mLatitude
我认为它必须是mllongitude
,就像你在下一行中所说的那样
抱歉,如果我的回答迟到了,而且没有用。要在使用geoCoder将地址(即123 Testing Street Lodi ca)转换为LatLng时向地图添加多个标记,下面的示例代码将起作用
// convert address to lng lat and add markers to map
public void addMarkersToMap() {
mMap.clear();
Double[] latitude = new Double[addressArrayList.size()];
Double[] longitude = new Double[addressArrayList.size()];
String[] addrs = new String[addressArrayList.size()];
addrs = addressArrayList.toArray(addrs);
List<Address> addressList;
if (addrs != null && addrs.length > 0) {
for (int i = 0; i < addrs.length; i++) {
try {
addressList = geoCoder.getFromLocationName(addrs[i], 1);
if (addressList == null || addressList.isEmpty() || addressList.equals("")) {
addressList = geoCoder.getFromLocationName("san francisco", 1);
}
latitude[i] = addressList.get(0).getLatitude();
longitude[i] = addressList.get(0).getLongitude();
System.out.println("latitude = " + latitude[i] + " longitude = " + longitude[i]);
mMap.addMarker(new MarkerOptions()
.position(new LatLng(latitude[i], longitude[i]))
.title(namesArrayList.get(i))
.snippet(addressArrayList.get(i))
.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE))
.alpha(0.7f)
);
} catch (Exception e) {
e.printStackTrace();
} // end catch
}
}
} //end addMarkersToMap
//将地址转换为lng lat并向地图添加标记
public void addMarkersToMap(){
mMap.clear();
Double[]纬度=新的Double[addressArrayList.size()];
Double[]经度=新的Double[addressArrayList.size()];
String[]addrs=新字符串[addressArrayList.size()];
addrs=addressArrayList.toArray(addrs);
列表地址列表;
如果(addrs!=null&&addrs.length>0){
for(int i=0;i
第一种克雷特方法设置固定位置
public void setupDestationLocation(double longlat, double latitue, String title) {
LatLng Shop = new LatLng(longlat, latitue);
/* if (DestinationMarker != null) {
DestinationMarker.remove();
}*/
DestinationMarker = mMap.addMarker(new MarkerOptions()
.position(Shop)
.title(market_n)
.title(title)
.icon(BitmapDescriptorFactory.fromResource(R.mipmap.ic_marker_shop)));
CameraUpdate cameraUpdate = CameraUpdateFactory.newLatLngZoom(Shop, 14);
mMap.animateCamera(cameraUpdate);
}
现在只需在方法内部调用方法(onMapReady)
String title=“市场”;
对于(int i=0;i<8;i++){
双偏移=i/08d;
setupDestationLocation(长纬度+偏移、纬度、标题+i);
}
您可以尝试以下方法:
public double getDistanceinKm(double lat1, double long1, double lat2, double long2) {
Location startPoint = new Location("locationA");
startPoint.setLatitude(lat1);
startPoint.setLongitude(long1);
Location endPoint = new Location("locationA");
endPoint.setLatitude(lat2);
endPoint.setLongitude(long2);
double distanceInKiloMeters = startPoint.distanceTo(endPoint) / 1000;
return distanceInKiloMeters;
}
编辑了我的答案,因此它显示了如何将带有标记的整个地图添加到MapFragment。方法addMarkersToMap()位于setUpMap()方法中。在addMarkersToMap()中的此行上向映射添加标记:mMarkers.add(mMap.addMarker(new MarkerOptions().position(ll).title(Cars.get(i).getName()).snippet(getStateString(Cars.get(i).getState()).icon(bitmapMarker))@斯莱扎达夫,请给我详细的汽车等级?
String title = "market";
for(int i = 0 ; i < 8 ; i++ ) {
double offset = i / 08d;
setupDestationLocation(longlat+offset,latitue,title+i);
}
public double getDistanceinKm(double lat1, double long1, double lat2, double long2) {
Location startPoint = new Location("locationA");
startPoint.setLatitude(lat1);
startPoint.setLongitude(long1);
Location endPoint = new Location("locationA");
endPoint.setLatitude(lat2);
endPoint.setLongitude(long2);
double distanceInKiloMeters = startPoint.distanceTo(endPoint) / 1000;
return distanceInKiloMeters;
}