➕ Allow setting the `isFractionalZoomEnabled` map option

[RobertVogt]

What Is the Feature
Google provides an option for setting the zoom level of the map to discrete (integers) of fractional (infinite) the option that can control
this is called isFractionalZoomEnabled this is an important parameter to be able to set especially if you are using vector overlays on the map.

Examples:
Allow the parameter isFractionalZoomEnabled to be set.

Why Is The Feature Needed
This is an important parameter to be able to set especially if you are using vector overlays on the map in order to keep the map aligned correctly. For instance if you are using OpenLayers for vector object display, creation, and manipulation and using @bespunky/angular-google-maps for the imagery under that if fractional zoom is not enabled then the objects and imagery will be misaligned when zooming.

Examples
For instance if you are using OpenLayers for vector object display, creation, and manipulation and using @bespunky/angular-google-maps for the imagery under that if fractional zoom is not enabled then the objects and imagery will be misaligned when zooming.

Current Alternatives
The alternative for setting this would be using @angular/google-maps although it is not as convenient.

[BeSpunky]

Thank you for reporting the issue Robert.

Seems like there are some new options the library needs to incorporate.
For now, two possible workarounds might be:

1. Using $any() to ignore TypeScript type checking and pass in the option:

<bs-google-map *bsSafe [options]="$any({ isFractionalZoomEnabled: true })">...</bs-google-map>

2. Manually access the map wrapper, then the native map object and setting the option to the preferred value. See:
   Wrappers and Natives | Programmatic Control | Live Examples

Hoping to hear if the workarounds did the job.
Cheers.🥂

I'll leave the issue open for now.

[RobertVogt]

Thanks for adding this feature...to test your work around I need to be able to set the height and width of bs-google-map dynamically I'm trying to use [ngStyle] but bs-google-map seems to ignore this?

[RobertVogt]

Looks like this is only available via the "beta" channel...

Choosing the beta channel
Use the beta channel to try out new beta features and changes. Beta features are feature complete but might have some outstanding issues (please use Issue Tracker to report issues and provide feedback). The beta channel is not covered by any SLA or deprecation policy, and some changes might not be backward compatible with earlier releases.

This channel is based on the weekly channel, and is updated once per week.

You can specify the beta channel by loading the Maps JavaScript API with the following script tag:

<script async src="https://maps.googleapis.com/maps/api/js?v=beta &key=YOUR_API_KEY&callback=initMap"> </script>

I don't suppose there is a way to point the map at a different channel?

[BeSpunky]

When importing the async GoogleMapsModule.forRoot(...) you can either specify a config object, or a string with the full url.
The current config object doesn't support the version parameter, but you can still specify the url as a string:

...
import { GoogleMapsModule } from '@bespunky/angular-google-maps/async';

@NgModule({
    ...
    imports: [
        ...
        GoogleMapsModule.forRoot({ apiUrl: 'https://maps.googleapis.com/maps/api/js?v=beta&key=YOUR_API_KEY&libraries=YOUR_REQUIRED_LIBRARIES' })
    ]
})
export class AppModule { }