Comments (4)
You can update the zoom by binding it in the xml view
<maps:mapView latitude="{{ latitude }}" longitude="{{ longitude }}"
zoom="{{ zoom }}" bearing="{{ bearing }}"
tilt="{{ tilt }}" mapReady="OnMapReady"
markerSelect="onMarkerSelect"
cameraChanged="onCameraChanged" />
Could also just do mapView.zoom = n
in javascript
from nativescript-google-maps-sdk.
I added an example of zooming in the demo app
https://github.com/dapriett/nativescript-google-maps-sdk/blob/master/demo/app/main-page.js#L57
from nativescript-google-maps-sdk.
hmmm, still doesn't seem to be working for me. I'm sure I'm missing something simple here. I tried putting this in my main-page.js
I set it right after declaring the mapview variable and the map just sits there fully zoomed out.
function onMapReady(args) {
console.log("onMapReady");
var mapView = args.object;
mapView.zoom = 10;
console.log(args.object);
console.log("Setting a marker...");
var marker = new mapsModule.Marker();
marker.position = mapsModule.Position.positionFromLatLng(-33.86, 151.20);
marker.title = "Sydney";
marker.snippet = "Australia";
marker.userData = { index : 1};
mapView.addMarker(marker);
marker = new mapsModule.Marker();
marker.position = mapsModule.Position.positionFromLatLng(-33.42, 151.32);
marker.title = "Gosford";
marker.snippet = "Australia";
var icon = new Image();
icon.imageSource = imageSource.fromResource('icon');
marker.icon = icon;
// marker.icon = 'icon';
marker.alpha = 0.8;
marker.flat = true;
marker.draggable = true;
marker.visible = false;
marker.userData = { index : 2};
mapView.addMarker(marker);
}
I'll keep goofing around with it, can't seem to find any clues in the logging in my terminal window.
from nativescript-google-maps-sdk.
that worked! thank you very much.
from nativescript-google-maps-sdk.
Related Issues (20)
- infoWindow open without a click event HOT 2
- Blank Map with Angular in Suspend/Resume Event HOT 1
- Angular Map not drawing Polylines HOT 6
- shape.loadPoints is not a function?
- Geo political features
- Nativescript 6.0 error maps arr HOT 16
- Conflicts with @triniwiz/nativescript-image-cache-it HOT 1
- Performance Angular? HOT 1
- NS8 infoWindowTemplate is not working HOT 1
- Gesture Handling Cooperative HOT 2
- Gradle 7 requires that compile be changed to implementation
- iOS + M1 - not works HOT 3
- Failed to build plugin nativescript-google-maps-sdk HOT 1
- How to set a pattern in a shape HOT 2
- Version of Google Map API HOT 2
- How to set a tag in shapes or markers HOT 1
- Adding GroundOverlays HOT 1
- Could not find method compile() for arguments [com.google.android.gms:play-services-maps:+] HOT 3
- Uncaught ReferenceError: NativeClass is not defined HOT 3
- Class constructor ActionItem cannot be invoked without 'new' HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nativescript-google-maps-sdk.