GVKun编程网logo

css – 缩放控制项和街景视图未显示在我的Google地图上？

3

在本文中，您将会了解到关于css–缩放控制项和街景视图未显示在我的Google地图上？的新资讯，并给出一些关于AndroidGoogle地图上overlay显示位置，路线、android–TextVi

在本文中，您将会了解到关于css – 缩放控制项和街景视图未显示在我的Google地图上？的新资讯，并给出一些关于Android Google地图上overlay显示位置，路线、android – TextView没有显示在Google地图的顶部、android – 在Google地图上显示多个点之间的路线、android – 将应用程序上传到Playstore后Google地图未显示的实用技巧。

本文目录一览：

css – 缩放控制项和街景视图未显示在我的Google地图上？

css – 缩放控制项和街景视图未显示在我的Google地图上？

我在我的页面中插入了一个非常基本的Google地图，缩放控件和街道图标不可见，但是如果我将鼠标放在应该放置的地方，我可以缩放地图并输入streetview。
所以控件只是不可见。 
<script type="text/javascript"
    src="//maps.googleapis.com/maps/api/js?key=<apikey>&sensor=false&region=IT">
</script>

var myOptions = {
    zoom: 17,center: latlng,panControl: true,zoomControl: true,zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE
    },scaleControl: true,mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

任何想法可能是什么问题？

解决方法

这绝对是一个CSS问题，你有你的代码。查找适用于所有图像的CSS，如： 
img {
  max-width: 100%;
}

Android Google地图上overlay显示位置，路线

Android Google地图上overlay显示位置，路线

做了下手机google地图上的定位和图层标签的显示，先学学基础，把想要显示的标签搞定。

好，首先是定位，这次用到的定位只是简单的传入经纬度，然后显示标签，画上图层就达到目的啦，Geoconding什么的根据地址名字来确定的话这次先不用。

定位用到的是LocationManager，根据它的成员方法requestLocationUpdates如果我们的位置在一定范围内改变了，或者经过一定时间了，那就重新标记了。 
locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 0, 0, new TestLocationListener(myloctionController,mapOverlays, firstOverlay));

这个函数中的最后一个参数要求是一个LocationListener对象，我就新建了一个类，实现了LocationListener 
package myOverlay;
/*
 * 这个类用来定位mylocation，有一个位置监听器的接口，一旦位置发生改变之后就让图标也变化
*/
import java.util.ArrayList;
import java.util.List;

import com.google.Android.maps.GeoPoint;
import com.google.Android.maps.MapController;
import com.google.Android.maps.Overlay;
import com.google.Android.maps.OverlayItem;

import Android.location.Location;
import Android.location.LocationListener;
import Android.os.Bundle;

public class TestLocationListener implements LocationListener{

private List<Overlay> mapOverlays=null;
private MylocationOverlay firstOverlay=null;
private MapController myloctionController=null;//用于定位移动的动画效果

public TestLocationListener(MapController myloctionController2, List<Overlay> mapOverlays,
MylocationOverlay firstOverlay) {
super();
this.mapOverlays = mapOverlays;
this.firstOverlay = firstOverlay;
this.myloctionController=myloctionController2;
}

//位置发生变化的时候就让定位自己的图标也发生相应的变化
@Override
public void onLocationChanged(Location location) {
double lon=0,lat=0;
lon=location.getLongitude();
lat=location.getLatitude();
System.out.println("现在的设置的位置经度为： "+location.getLongitude());
System.out.println("现在的设置的位置纬度为： "+location.getLatitude());

//创建一个GeoPoint对象，通过经纬度，指定地图上的一个点
//GeoPoint point = new GeoPoint(19240000,-99120000);
GeoPoint point = new GeoPoint((int) (lat*1000000),(int) (lon*1000000));
System.out.println(point);
//创建一个OverLayItem对象，一个对象代表一个标记
OverlayItem overlayitem = new OverlayItem(point, "Hola, Mundo!", "I''m in Mexico City!");
//将创建好的OverLayItem对象，添加到firstOverlay对象当中
firstOverlay.addOverlay(overlayitem);
//将firstOverlay对象，添加到mapOverlays当中
mapOverlays.add(firstOverlay);
//以动画的形式以一定的速度移动到某个点
myloctionController.animateTo(point);
myloctionController.setZoom(10);//设置放大的级别
myloctionController.setCenter(point);//估计是中间设置吧
System.out.println("成功将用图标显示我现在的位置");
}

@Override
public void onProviderDisabled(String provider) {
// TODO Auto-generated method stub

}

@Override
public void onProviderEnabled(String provider) {
// TODO Auto-generated method stub

}

@Override
public void onStatusChanged(String provider, int status, Bundle extras) {
// TODO Auto-generated method stub

}

}

现在就用到一个函数，只要覆盖它就行。因为一些参数设置都是默认的，所以只要位置改变了就会调用onLocationChanged，来绘制地图上的图层，也就是我们自己的位置的这个图层。这个类没什么好讲的，重点也不在这里，讲讲图层的实现。

首先获得当前位置的左边点，函数的参数中自动传入了，很轻松拿到；

接着生成标记对象，这里一个overlayitem就是一个标记咯，加上些提示信息，定位中总共也就一个标记；

然后把标记添加到firstOverlay这个图层中；

再要做的就是把图层放在手机原来的图层里咯，mapOverlays就是在主窗口中获得了手机原来的图层，传参到这里。只要添加进去就搞定了。

要是要弄的稍微动感点就加个myloctionController咯。定位就OK了

对了，还有firstOverlay要说下，这是个MylocationOverla对象，继承ItemizedOverlay<OverlayItem>，是google map提供的api中查到的，是google map上面画图层需要用到的。还是老办法，继承了这个类那就覆盖里面的一些方法，其中要注意的就是因为其中有些参数是传进来的，所以在构造函数中要稍微处理下。（构造函数神马的还是用系统自动生成的比较好，免得弄错，上次就是因为调用super方法弄错了，找了半天才发现。。自己java基础真得检讨了。。）这个类中具体继承的类自己也可以查查看，像onTap（）这个函数现在用到的就是点击标签的时候弹出窗口来显示一些信息咯。简单用法是这样，当然更复杂的以后用到了再说吧。

那么定位就OK了。

接下来说路线的显示。。方法倒是一样，一个是显示一个标签，一个是显示N个标签。。。

因为显示的标签不少，我怕主界面会卡，我就放到了另外一个线程中了，先看看 
class ShowRouteThread implements Runnable {
@Override
public void run() {
System.out.println("进入了显示路径函数，开始画图吧"); 
stopTag=routeData.getStopTag();
stopTitle=routeData.getStopTitle();
stopLat=routeData.getStopLat();
stopLon=routeData.getStopLon();
int lat,lon; 
for (int i = 0; i < stopTag.size(); i++) {
lat=(int)(Double.parseDouble(stopLat.get(i))*1000000);
lon=(int)(Double.parseDouble(stopLon.get(i))*1000000);
GeoPoint point=new GeoPoint(lat,lon);
//一个overitem就是一个点，一个对象
OverlayItem overlayitem = new OverlayItem(point, stopTag.get(i), stopTitle.get(i));
//RouteOverlay间接继承ItemizedOverlay<OverlayItem>，表示一个图层，在这个图层上面可以有很多的图标
RouteOverlay.addOverlay(overlayitem); 
} 
//mapOverlays在前面已经和手机图层联系起来了，将一个个图层添加进去就能显示在手机上
mapOverlays.add(RouteOverlay);
GeoPoint lastpPoint=new GeoPoint( (int)(Double.parseDouble(stopLat.get(stopTag.size()-1))*1000000), (int)(Double.parseDouble(stopLon.get(stopTag.size()-1))*1000000) );
//以动画的形式以一定的速度移动到某个点
myloctionController.animateTo(lastpPoint);
//myloctionController.setZoom(10);//设置放大的级别
myloctionController.setCenter(lastpPoint);//估计是中间设置吧
}
}

首先是把原来解析到的数据都拿来吧 
stopTag=routeData.getStopTag();
stopTitle=routeData.getStopTitle();
stopLat=routeData.getStopLat();
stopLon=routeData.getStopLon();

之前设计的xml的数据存放方法还是不错的，这样拿来就简单多了。这次是直接显示路线，就不用等改变了经纬度再显示位置啦，当然就不用Locationmanager了，直接根据四个arraylist里面的数据来确定位置，生成标签对象，一个个添加到图层里面，然后等全部都添加完以后再把这个图层放在手机图层里面，和上面的差不多。

这样子的话我们这个程序里面现在有两个图层，一个是定位我们自己位置的firstoverlay，然后就是现在这个RouteOverlay，当然现在这个图层里面标签多了点而已。那么这两个就都搞定了。

哦，对了，最后还得说下权限问题，上次也就是因为这个卡了好久。

要用google map的话除了apikey以外（这个就自己去申请吧），权限也是要的，就是这个<uses-library Android:name="com.google.android.maps" />

然后就是要精确点的定位的话就要用 <uses-permission Android:name="android.permission.ACCESS_FINE_LOCATION"/>

当然咯，还有一个就是因为要联网嘛，所以要 <uses-permission Android:name="android.permission.INTERNET" />

好，这样就木有问题了！

android – TextView没有显示在Google地图的顶部

android – TextView没有显示在Google地图的顶部

TextView is not displaying on the top of the screen

这是我的代码

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        tools:context=".MainActivity" >

        <TextView
            android:id="@+id/distance"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true" />

        <RadioGroup
            android:id="@+id/rg_modes"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal" >

            <RadioButton
                android:id="@+id/rb_driving"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:text="@string/str_rb_driving" />

            <RadioButton
                android:id="@+id/rb_walking"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/str_rb_walking" />

            <RadioButton
                android:id="@+id/tv_distance_time"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="distance" />
        </RadioGroup>

        <fragment
            android:id="@+id/map"
            android:name="com.google.android.gms.maps.SupportMapFragment"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_above="@id/rg_modes" />

    </RelativeLayout>

解决方法

添加android：layout_below =“@ id / distance”作为属性Fragment xml如下… 

<fragment
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_above="@id/rg_modes"
    android:layout_below="@+id/distance" />

android – 在Google地图上显示多个点之间的路线

android – 在Google地图上显示多个点之间的路线

我创建了自己的自定义地图,以显示我当前的位置和地图上的多个点.它工作正常,但现在我想显示从我当前位置到地图上每个点的路线.你能给我一些建议我怎么能这样做？谢谢.

这是我的customMap活动：

public class CustomMapActivity extends MapActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_map);

         String   provider = ""; 
         Criteria crit = new Criteria();
         Location loc = new Location("");
         LocationManager mlocManager = (LocationManager) this.getSystemService(Context.LOCATION_SERVICE);

         MapView mapView = (MapView) findViewById(R.id.mapview);
         mapView.setBuiltInZoomControls(true);

         List<Overlay> mapOverlays = mapView.getoverlays();
         Drawable drawable = this.getResources().getDrawable(R.drawable.marker);
         itemizedoverlayedClass itemizedoverlay = new itemizedoverlayedClass(drawable, this);

            try
            { 
             MyLocationOverlay mylocationOverlay = new MyLocationOverlay(this, mapView);
             mylocationOverlay.enableMyLocation();
             mapView.getoverlays().add(mylocationOverlay);          
             provider = mlocManager.getBestProvider(crit, false);
             loc = mlocManager.getLastKNownLocation(provider);
            }
            catch(Exception ex)
            {
            //Toast.makeText(this, "Unable to retrive provider", Toast.LENGTH_LONG).show();
            }


        for (ServiceActivity activity : DataSources.ActivitiesList)
        { 
            try
            {
                Location siteLocation =  new Location("");
                siteLocation.setLatitude(activity.SiteLatitude);
                siteLocation.setLongitude(activity.SiteLongitude);

                GeoPoint point = new GeoPoint((int)(activity.SiteLatitude * 1e6),(int)(activity.SiteLongitude * 1e6));
                OverlayItem overlayitem = new OverlayItem(point, activity.SiteName+ " " + activity.SiteAddress, "distance to this location: " + String.valueOf(loc.distanceto(siteLocation)/1000) + " km");

                itemizedoverlay.addOverlay(overlayitem);
                mapOverlays.add(itemizedoverlay);
            }
            catch(Exception ex)
            {
                @SuppressWarnings("unused")
                AlertDialogClass alert =  new AlertDialogClass(this,ex.getMessage());
            }
        }   




    }

    @Override
    protected void onResume() {
        // Todo Auto-generated method stub
        super.onResume();
        //mylocationOverlay.enableMyLocation();
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_map, menu);
        return true;
    }

    @Override
    protected boolean isRoutedisplayed() {
        // Todo Auto-generated method stub
        return false;
    }


}

这是叠加类：

package com.example.srwebservice;


import java.util.ArrayList;

import android.app.AlertDialog;
import android.content.Context;
import android.graphics.drawable.Drawable;

import com.google.android.maps.itemizedoverlay;
import com.google.android.maps.OverlayItem;

public class itemizedoverlayedClass extends itemizedoverlay {

    private ArrayList<OverlayItem> mOverlays = new ArrayList<OverlayItem>();
    Context mContext;

    public itemizedoverlayedClass(Drawable defaultMarker) 
    {
        super(boundCenterBottom(defaultMarker));
        // Todo Auto-generated constructor stub
    }

    public itemizedoverlayedClass(Drawable defaultMarker, Context context) 
    {
      super(boundCenterBottom(defaultMarker));
      mContext = context;
    }

    @Override
    protected OverlayItem createItem(int i) 
    {
        // Todo Auto-generated method stub
         return mOverlays.get(i);
    }

    @Override
    public int size()
    {
      return mOverlays.size();
    }

    public void addOverlay(OverlayItem overlay)
    {
        mOverlays.add(overlay);
        populate();
    }
    @Override
    protected boolean onTap(int index) {
      OverlayItem item = mOverlays.get(index);
      AlertDialog.Builder dialog = new AlertDialog.Builder(mContext);
      dialog.setTitle(item.getTitle());
      dialog.setMessage(item.getSnippet());
      dialog.show();
      return true;
    }
}

解决方法:

这个link有教程在我们的应用程序中绘制地图上的路径路径.这可能对你有帮助
使用下面的链接地图应用程序…这将在谷歌地图应用程序中

String uri = "http://maps.google.com/maps?f=d&hl=en&saddr="+source_latitude+","+source_longitude+"&daddr="+destination_latitude+","+destination_longitude;
Intent intent = new Intent(android.content.Intent.ACTION_VIEW, Uri.parse(uri));
intent.setClassName("com.google.android.apps.maps", "com.google.android.maps.MapsActivity");
startActivity(intent);

要么

重新链接此链接how to display the driving routes

android – 将应用程序上传到Playstore后Google地图未显示

android – 将应用程序上传到Playstore后Google地图未显示

将应用程序上传到Playstore后,Google地图显示空白屏幕.但是Map在本地运行时显示(在模拟器中).
我尝试通过Playstore应用程序签名证书SHA指纹更改谷歌地图api的SHA1,但仍然显示空白屏幕.

解决方法

请先在真实设备中运行应用程序,如果有效,请执行以下操作.

If u have enabled the App Signing Feature in the Developer Console,
then it’s clearly written in the documentation that the Upload
Certificate is only needed by Google for authentication and that
upload certificate is removed before installing the application on the
user’s phone. So,u also need to give the App Signing Certificate SHA
under the key which you have enabled for Google Maps API. The App
Signing Page is as I have attached the screenshot for your
convenience… In the image I have marked which you need to give as
additional credentials

今天关于css – 缩放控制项和街景视图未显示在我的Google地图上？的讲解已经结束，谢谢您的阅读，如果想了解更多关于Android Google地图上overlay显示位置，路线、android – TextView没有显示在Google地图的顶部、android – 在Google地图上显示多个点之间的路线、android – 将应用程序上传到Playstore后Google地图未显示的相关知识，请在本站搜索。

本文标签：

上一篇CSS：悬停一个元素,对多个元素的效果？（css按钮悬停特效）

下一篇vue 项目在 IE 下报 [vuex] vuex requires a Promise polyfill in this browser 问题（vue在ie中报strict）

相关文章