search

googlemaps-samples / android-samples

Samples demonstrating how to use Maps SDK for Android
https://developers.google.com/maps/documentation/android-sdk/
Apache License 2.0
2.42k stars 2.99k forks source link

[Google Maps SDK for Android] Polygon fill color disappeared at some zoom levels #693

Closed meor9zcu12 closed 3 years ago

meor9zcu12 commented 3 years ago

  1. API Google Maps SDK for Android

  2. OS type and version Android 11, Android 7

  3. Library version and other environment information

    dependencies {
    classpath 'com.android.tools.build:gradle:7.0.2'
    classpath 'com.google.gms:google-services:4.3.10'
}
    
android {
compileSdk 30
compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
}
}

dependencies { implementation 'com.google.android.gms:play-services-maps:17.0.1' implementation 'com.google.maps.android:android-maps-utils:2.2.5' }


#### Steps to reproduce

  1.  Copy the code below and then run
  2.  Zoom in or zoom out on the Google Map

#### Code example (Edited)

public class MyMapFragment extends com.google.android.gms.maps.SupportMapFragment implements OnMapReadyCallback, GoogleMap.OnMapLoadedCallback { private GoogleMap googleMap;

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    getMapAsync(this);
}

@Override
public void onMapReady(@NonNull GoogleMap googleMap) {
    this.googleMap = googleMap;
    googleMap.setOnMapLoadedCallback(this);
}

@Override
public void onMapLoaded() {
    LatLngBounds.Builder builder = new LatLngBounds.Builder();

    String encodedPath = "{k|sFvmgcMf@_DwG_Dg@wBnAwBvGg@nKrIvG_D~CbBoAbLoAbBwBkCwBbBf@jC~CbB~RkCfE{EnK{@vGnA~HsNvBz@vB~MfESnFwQfERvG~H~CRvBoFfOwB~Cf@oAbBnFfEvBcB_DsXf@_D~CnKjHRbB{ES_SjHkCjCgJvG_IzE?bLsIfEkHf@oKzEg@rIoPvGgY{@kHbBk\\~R{@jWcGr{@we@j\\{c@nA~HzJ{JwB?kCfEcBoAz@_IzJkHRnKzEfERvGwBnAsDoFcBz@_DvGfEoFvBnAcLfT~McQkHzOrDoAf@bBRcGjCcBg@fO_Df@bBnAbB{@bBcL{@oFbBkCvBf@RjWoAz@vB~RSbBcGR~Hz@?nAwBvG{YoF?bQz@R?wLjC??rNf@gOjCf@SrDnA_DrDRoAvLbB?RkHjC{@nAbQoKg@?nAfE?RrDsNz@zO?vBsDbBR~HzJoFnFoFg@?wBgJ??nAvL~C{EjHwBSnAvBcBfOkCz@sDnFoF?zEbB?vGoA~CkC?vBz@?bGkHzEz@z@cGbBoF_Df@bGcGrD{JwGvBrDoAnAz@vB{T~HoAwBf@bBkCf@f@wBoFcBsDvQnF{EjCz@nF{@vBrDjC{@g@kCcBRcBwB~H{@jHoFrDS?bG_DbBf@jC~C?fEwBoFnA{@{@vBcBRsInAoAvGz@{@_DjC{@jCjCSnA_DwBvBvG~CSf@_D_DsD~Cg@ScBnF{EnASz@vBgEnAz@rDbBS{@zEz@oAfEf@{@wGf@nFsDg@f@_InAbBoAwGzE~H_DgJR{JbLcVbBsNbGoF~CjRSfOjCbBcBnPvB_NcBjRf@bLcBfEjC{@rDnFgEsDsDz@bGvBbBrIg@zE{@{J?fJjCbBwLRbGjC?zEf@gEf@nASfJsDnAnAz@g@zJsIzObBRwBbGRnArIkRfEjCg@rIvBjCoAsDz@cLsD?{@kCvBcG?zJz@S?cGz@zEjCRwBwB?wG~CS_D{Ez@gE~CoAgEwQrDwBcB{@bBwGgEkHz@ccAsDkR?kR_DoF{@kHvBgTzE{@z@bBsDvLSnKrDoPbBz@oAjMbBwBbBsNkCwGnKz@sIrb@{@zYzEfOfEfEcBbLrDzJ{EbLbBfJoAve@bB~a@{@vBz@z@oAjCf@bBf@_Dz@nAoAjCzEnK{@jHnA~CwBbBnFvGg@fEgEjCf@nF_Df@g@fJoFzO_DS_DnK_Df@g@rDwG~Cg@~HwGRoAzEoFzEnAnFnKcQ~Cz@nA~CoA~MwG~HvBjCnAwBvBRg@fE~CSnAoA?sXnAwB~CbBvB_DvGbBnAgJfJrIvG~M~CvQg@bGvBwBf@sNwG_b@bLoUbB_IrIoKf@{E{EwLvG_IfEsb@cGsNgOgJvGwBnAwBbB{OfE_I~Hc[g@_IsIkMjCg@zJvBkCcBwL{@sNsXbBoAzJrIrNcB_Nz@oKgJ{E?fOwGoKnA?_IvGz@nFwGsInAwB_D?k\\fEkW{@oPfE_DwBwBwB{TbBkC~H~CzEoA?vGnFzEnPgEvGbBnFkHSwGjCf@bB~MbGvGwBz@SrIfEjCsDzO~HsSg@{EvQ{EnAoFR~HoFfEcBvGrDbQbBSbGvLz@fJoAzEvBgESsIbG{@f@nA~CrScBjCz@vQvGzJ_DbB{@bG_DRnFRnAvBoA~W~CkCg@oKbBsIkC_DjC{ES{EjCzERnFvBrDnAg@vBbBSbGrDjHvBkCrIfEnF{JwBf@{JcLbGcGg@cG~CRrDwGf@~H~H~CfEzErSv`@jRjCz@zEwGfh@wBrD_D{@cGfEz@jCbGnAz@zEwBbGRvQ{ErNnAjCwGvGoUzEf@bGwBbBcGSkHgE{Ef@oFoK~C~HoA~CjCg@z@z@cB~HvBz@oAz@R~CnAnFvBz@f@vGgJfEnFRf@~R~CrNoArIoFjH{^fYbL{@wB~HgJrDwGjM_IfEgE{@nAvBgEzE?rDvG_IfTwL?jHgOni@vBcBnUco@fOsSnA{T~C?~C~CnFsDfTfE~CvwAnA~Cf@o{AoAkHvGkf@f@gT~H{EfJg@vGkMoFsXvB_DnUf@fTrIvLbBnFjHnAjHgE~C_Ig@wQrD?wGwVSoAvBvQz@g@bBsSSnP~CwQ?rIvB_IRnAnAf@bQvBoP~HRnAzEg@jHnKoAg@~CfEkCoAkHfEcGnPzE?cGnKbLwBzO~Cf^~CnK?zJ_Ib[_IzO_Dbo@gE~Cg@rXnFkHnFoU?c[nUcQvBjC?sDvBcBfErNoKv`@fEoFf@vGoAjCvBnA?nF~CR~CfEvBbQnFoKf@wL_D_I~WjMgJwGfEoUwGjRwGsD~HgY~CnAvBwBfE{OfEbBvBoAgE{O~Hw[~CgEvGzEnArDvL~CgEoP_I{JwLw[wGsD_D?oFoUoPkHg@wBvBoF~M~CoAoPnA_DnZ~HnAnF~WnAnAnAfJzm@nAwGnFgE?{JvGkMfEwBvGkRoAcQnd@bGg@nFnArD~Cz@nFoA?sIvB?~RvVRrDzJzOg@rIgTbGwLcB?rInAkCnKRfTwGvBbB?rD~CnFnA_Dg@kRfEcLoAoFnFoAnFwG_DcGgEjCg@kCgJcBwBvBoAcB~CkHnFf@fJ{EfOg@fTvGf@jC~RfO?jC~RfE~C~Cf@v[cVRjWbBvGzw@g@vBvBzJ~a@fYg@rDwGfEvBbL_DbBwBg@wBrDvBz@nAnF_IrXnAbGoFb[wG~HgTbBoFnKfEfEnFg@?vG_NrIgJnU?~HfOfOwGvQ?~RfEfEvGz@nFrDoFnAf@jCgEbGg@vGfEjMoUj\\?nPoA~CfEvGoArD_DRg@vBnFjHnAwGvGz@nKgJwLoK?{JfEcB~Cz@~RcLfE_NgE{JvV_Xf@wGoA{EvB{@g@cBgOwGg@sDfEgc@?{OfEcBfEcG~Cg^wBkMnFkWf@fEnAgEvBrDvBg@nAvBvBg@~CfEg@{OvBgTwG{E?gJnFoF~Hg@g@_DfJoF?_IwB{EfOwj@g@kHgEwGnAgOwBcQ_IkHg@{E?sInFcG?_D_IgEwBc[vBf@nAkMwBRg@gJnFz@g@rD~CSvBcGwB_IoFg@g@sDvGwBf@vBnFvB~MoAvQnK~Mg@vBbL~CRf@vLvB{@fJbLnFbBfEbLoFnFg@vBvBS?fE~C{@~CvBvBoAnF~HgEnAgEnFvB~McBjCzEwBvLvGf@_N~HvG~Hf@~HzJvBrIvG~Cf@jCgE~CvLz@g@~CwBRvBjC~CRvBoFfErInAoAg@kRvB?nAjCf@~RnF~C~Cg@vBoK~MjCwBvBvBz@vBcBf@bBwBzJnFrDnK{@f@sD~CzEvGvBvB_DgEgEvGcBfJrI?jCoFsDwBfOf@jCfJ_D~Cf@f@fEfEcGf@oPnAnAf@nU~CbB?gJ~HkM~Cf@nAjHnKzEvB{@~HkHf@sD_N{E?wBvBz@nKwBf@wBwBsN_D?f@kCfJsD?v[~HjWvBf^oFzkAfJbGf@~C?nFwBbB?rNnF{@vBwLf@_]_D{EvBRf@gJnFcG_DSg@sD?wo@nAoAnArDvBf@~C_NoFwQ_Dz@oA~Cg@sIf@kRvBz@vBcBvBgOfERnFgE~Cf@vBvBnAfOnAvBvB?vBoAvGcQoFgEf@wGfERvBjCnPzEnFzJg@rIwBS_DjC?jC_Dz@wBfOwLcGg@~HvBg@fEvBvBjHvGcLnAkHnF~Cf@jH~CsDoAkMvBRnF~MfJzJ~HRfEzJvBf@vBcBg@fTvBR?nKwBnK_Dz@vBz@~HgE?gEvL_XvL~MfEkMwB{@vB_D~H~C~RrX~Hf^vB?~H~HvBrN~RnUvGnAnAfJwBf^nAfh@gJr]_DbB~CvGoFbVwGjHwGvQoFnFgEf@_D~Hf@fJ~CwG?{EnK{E~H_SvGoF~CgTvBcBvBf@oAnKvBzJf@~WvBvBoArI_D??jCfEf@~CcB?ka@wBoAwBcLg@sDvBgE_D{TfE_NvQjz@vBvj@nPfaA~HbQvGrDfOg@nPsInAgEf@gYgEnZoKzJoFz@oK{@oF{EoFkRg@cLoKwj@g@gYwGcj@nAcGfE?g@cB_ISf@sI_IwGf@gTwBkMvB_IgEwGfEoFg@{YfJsI?_IvBgE~WrInKfJfOzO~CzJ~MzOfJ{E~C?fOrIvj@rv@fEvBfTbBg@nUvBwB?gJnZRnKjCnAjCf^rInKbGvQf@nPoF~Cf@nKrD~WjWvVzJvL?vQwGfc@wBfJ_D~CzJ~M~H~C~H~H~H?vB_DvQwBvBgEsDoAbBgEg@g@vBoUzE~HbBnFkC~Cf@nAwBnPg@nFnFg@oU~MgYfE_Df@{EwBRoAfEwBz@oAoAf@{E~HcG?_I~CwGvGzEnFg@vGfEg@fEnF{@rDnAcQwLjCkH_NwBbBzE_IsDfE{JsDoF{@RvBnF{EbB{Eg@SbLkCbGgEf@g@nF_DcBoFR?{EzE{Ef@sDrNkMjCSjCoFf@cQbGw`@fE_g@nFgY~C_DzEbB~CwBz@z@wBrD?vLkCnAkC_D{@bBnK~HbBrISnKgE~HRbB~C{@f@jH~CoFsDgE~CwGSkR~HcBjMzEvGcLSwGvGvBg@nKjCjH?oF~HcGbBjCjCSf@wGvBSz@_DwB{@f@{J~Cf@RfJjMf@vB{@_NjMoAnFgEg@{@fEoFbBnAnF?wBfEg@nA{E~HwBRjHzEfO{@vG_Dg@?vGrDfEsD~RcLf@kCbGvBrSkHRg@{EwBoA_DRoAbGwGsD{@vGjHR{@bBgJoAsDvGkCwBsIf@RvB~CRwBjC?vGkCz@oAbGwG?_DjCf@bB~CoAnAz@rNkMSsIvBcBSwBnFvBRrDbBR{@wGnAsDvL?nF{JvBfJfEcB~Cz@{@~RrDsDf@jCoAzEgJzERvBvBnAf@oAfEbBbGSkCjCz@vLwB?g@nAbBfEoAnFoKbG~H?nFfEcGoAf@fEfJ?wBwBz@kHzE?SwGfEgEvBjMfOsD?cGsIjCwBgJ{Ez@gEjHoAScB{TjCgESkC_DoAwGRfEcGz@cLcBcGjCcLS_DvLcBf@gOfEwLjHcGnAsInK_D_DkH{E?{@fE{@cB?gJzEsIbL{@vBwBvBrXbBg@nAnAwB~CbBnAz@_DrDbBzEvL?jMjCnF{OrIkCvLnASzEoKfJsD?vBgJjHRfEjCnAcB{EbLcLf@{JoFwVgOoZz@_IkH_XR{JkC_N?cGvG?~CgE~Cg@bBfOkC?_DoF{@zEfJfJjC{@nAbQnKrXrIz@~HcBbGcGz@f@g@nKwGnAbGrIcBbLkHrDsDvLjCn_@kHRR~CjCoAjCvBcBnFjC{@{@rNrDbBsI~HcBbG~HfOrDwGbBf@fE{Jg@sDjCgE_I{@_DsSvBcBcBcB~CcGg@gEbB_DnAnA~HsDzEnAvBrDfJgERcGcBsDgE?gEnFgJcB{@oFz@g@bBjCvBcBkC_DvGkHnAoF~Cf@z@kCjCRfJbQgE~CRbV_DbQoK~CcGoAoAnAnFbBnPoA~CsIbG_Df@bQkHf@cBrIfEf@oAcG~CoAbBrDoAvG~CfJbBcBvGbGrDS?jHjCrDSbBkHzEkHoA{@bB~C~HfEwBzE?S{EnFzEsIrNjMf^nKoAbBsDgEoKvB_IzJrDbGrXrDSwBg@cBoF{@_NwBsDwQwGf@wG_ISRcGsD{Jf@sDvGf@bBbGrDvBjMRg@zJnAnAf@bLfEbLzEvBvLgEz@cBbGvB{@cLjCkRoFsSRwLbGoFfTbL{Ez^sD{OSnAz@~RbGvBz@zO~CrDcBr]zJnKRnFzEfJbQbLg@fE{JnAcBwG{J{@gJcGgE?kRsNcBz@oF{@g@z@jRnFbGrIjMfEg@bGjHg@nUrSbB?R{EbGcG~CSzJvGbB~MrDkHjH~CbL{@bGnA?nFkMg@{@~CbBcBvBRRjCrI{@?bG{Ef@jHvB~CfEcBkHvB{ESsDrD?fOgJz@gJvGsDzJcB~RzTgEfJkH{@wGzEcLvBkHjMgEvQgOzJ{J~CkCfJwGbB_D~CnKoAbGwLv[_NvBwQnKcQjRoFnFnArNoKnFg@jCrDbBrI_Nb`@cL?sD~CoKR{EjH~HoFjHf@zEsDnFz@z@vBzEg@nFgJ{Ej\\gJjMoFnPoARz@nKjCvB~C{@f@vBzEz@bBbGf@gErDfEoAzEz@nKsInAcB{@S~HrDvBg@_DrIf@?rDbBbBwB~MnAjC{EzOgEz@_DfEsISkCfJgEkHwLf@wGrNbGkCz@cGrISnAfEfEz@rDgErDbBrIoFbG?nUoP~M~C~HkC~CfEbQ_DzEnFgEbBsDjH_NoAg@z@bG~CvGSjCkCbGbB~CbLjC_DjCg@fJnAg@cL~CsDrN~HzJnA{@nU{JvGgE{@wBzJcGzEkCjMgOoFgEz@_NkMoFfEoPcBkHrIcGvBnArDzO{O~MjC~HwBnKbLfE?fE~CjHRrIzEwB{JbBsIrIoFfOSfEwBfJfJrIrDSbLvBf@nAbLwBbGcQnFcBzJf@fJ_IvGwBrI~CvBbB_IbGwG~CkWjMSbGcGvBsIcBcLrDoF~CsNfc@sIjHrDrIf@jCvL{@vL~C?bBnFgEnF?~CsDrD?bGsIg@cGzE{EwBvBzT{EbBsDcLcBvLjCzJSnFgEvLoFwG_D?vBjCz@nKoA~C{EcB{@z@jH~CbGcBfEbBz@cBg@bLsDjCrDjCnArN~HzOf@oFfEgEfJwBbBwBbLfEfEg@~C~C_DrI_IzE_DrNgEvGg@vLfEoAfJrI?bG~HrN?zO~Hf@fJcBnAnAf@jRoA~HvGwGnFf@wBjHf@zOvGbLvB_NvQRvGrDfOgE~CfTnAz^vGbBnFzEfESnPvGnKgEfESvBnAgEzc@oFnF_If@gEvGf@vLvL~CnAvBwBfEgEbBwGcBoA~C~C{@vBjC~HoAnKgJvLnF~C?fT_Df@kCvBRvG~R~HjCg@~RnAjCvBf@~C_D~CoKfER?vLnAjCvQnFg@vL_IfEoAjCrD~HjCcBwB{EvGoFvBcLg@{EgT_InAgJgEsDgE?_IfOoAoA~C{O~C{EnAcLoAgJvGwVv[_]vGbBbQcL{@_I~CkMkCgYnKbBbQRnK{Jz@fErDbBoAwGbBwLfY_q@nKon@~CoFj\\gErl@Sz@jC~C{@nKbGz@zJ{JzYsIz@gE_I{Ez@{TrXcLnF{O_D{EzJfErb@fYr]SbG_I~HbGcBnAbQnU~Rwe@fJoAoFjCRwBgEsD{@f@cGsDf@S_DcB~CoAgERwG{@RkCzErDnKg@bQkHvBf@jCwBrDsD?sDsIbBwLoAcGSbG{@?oAnFkCg@{@bBbBnA?rIfE~CoAbLoPcLkCf@cBnFcGkCvBfErD?bGgEzEnKvGfErDwBg@{JnA{@zEf@rNrIRnK_IzJgJfYwGfJoA~MwGjMg@rX~CvLwBnFf@~WkM~MbGcBfEbGg@bL~C~HnAfOwBg@wBjHnA~RfEnFvB?vGvL~Cz@~CbLvBjRoFjC_DsDoAvGfEnAfE_D~Hzh@g@~CgORgE~C?vBoP~Cg@jCwQR_D{JwGf@gEvG?~HfErIg@vL_DvB~CbQoU{EfEwVoA_DoF{@_D?oFjHoAzYwG?_D_IoKwBg@vBfJvGg@fJ~HR~H~H~\\zJfEnKgE~Cwe@kC?rDgE~HwBwGoPwBgEnAoFrNgTbLgJ{J_DkHf@cLwB_N~HgToAsIoAoFwGgE_DoK_D_DsXsNkW{@on@oPwj@cVwaBsDogAS_k\\cBoiTfwJ_xNfdGwcFfxBgfFrmBwfGbxCw~@gvCghEglH_{@s~A_xDgdGogA{iBnKsbJvGctO~MwVfYoKnPSvLzEnPf@vLcGnPz@bBgJ{@{@bB{@SkCnKgY~HsDvG_IbGSnUkHb[gOfEcGnKwBvGcGnd@RjHnFrXbGjMgEnUw[rDkWjH{ObBoUbBsXsDoU?kk@kCcVsIk\\jC{|@{@_IvBwBz@wGz@crArNc`@~Hkk@kCoZvB{JvGkHjMgEnAcB{@cB~WcV?cQolFgdGnF{EvBoKfJgEnP{@fEwLvLkM";

    List<LatLng> latLngs = PolyUtil.decode(encodedPath);

    PolygonOptions polygonOptions = new PolygonOptions();
    polygonOptions.strokeWidth(5);
    polygonOptions.fillColor(Color.CYAN);

    for (LatLng latLng : latLngs) {
        builder.include(latLng);
    }
    polygonOptions.addAll(latLngs);

    googleMap.addPolygon(polygonOptions);

    googleMap.moveCamera(CameraUpdateFactory.newLatLngBounds(builder.build(), 50));
}

}



#### Preview (Edited)
![map](https://user-images.githubusercontent.com/82598626/132155852-ef6e3c17-8580-45ff-81d5-394a9f9e0024.gif)

#### Expected result
The fill color of the polygon should be shown no matter what zoom level is.

#### Actual result
Fill color works for some simple polygons, but for some complicated polygon like this, the fill color does not work at some zoom levels.

#### Stack trace
None
barbeau commented 3 years ago

This sounds a lot like these issues:

If the polygon isn't closed correctly, or is complex, the Android Maps SDK has issues rendering the fill correctly. I'd encourage you to check and make sure the polygon is correct, and then star and follow the top issue above.

meor9zcu12 commented 3 years ago

I used https://developers.google.com/maps/documentation/utilities/polylineutility to decode my polyline, image

The start point and the end point listed, are the same (40.12750,-74.09900) Level: 3, therefore the polygon should be closed.

Anyway, I maybe better to share my case to issue tracker.

Thank you.