I'm using Bing Maps API i need to scale up the Canvas icons (i have some layers and cluster layers with pushpins) when the zoom are triggered.
Only cluster icons are updated , but the layer icons don't, what i need to do?
I able to get the pushpins on layers using .layers[key].getPrimitives() but i don't know how to update the icon.
Related
I have a React Native application that contains a (react-native-maps) mapview with several different polylines and polygons created from http request data. The problem is that the map renders the background twice as you can see in the attached picture. This second layer is always a bit larger and more out of focus than the actual layer (the polygon/lines match with coordinaates on the clear defined layer). Im wondering how this second background came to be and how to prevent it from rendering.
Kind regards
Are you saying, that without providing an you are getting two layers?
Otherwise, when you use a different provider, for a layer and want to hide the layer provided by google, You should set mapType to "none".
I'm using REST API provided by HERE Maps to display a map inside an application. As I'm not using any SDKs provided by HERE, I'm forced to fetch map tiles and render them using react-native-maps (custom tiles).
<UrlTile urlTemplate={...} />
What I'm getting is this:
current behaviour on rotate
regular (north up) view
Basically, all of the labels don't rotate on map rotation, and that makes them hard to read. Is there any possible way to handle tile rotation using only REST API?
Tile REST API doesn't support rotation. You may try to investigate the possibility of implementing rotation in react-native-maps.
I am using Bing Maps V8 web API. It works fine when using all latest version of modern browsers. It does not plot the pins correctly. The pins are off from the original position.
Zoomed in:
Zoomed Out:
All of the pin locations are supposed to be inside the land area. But when zooming out, the pin never updates its location.
Is there anything I am missing? Is there any update event to be fired when map zooms?
Thanks
Senthil S
To fix the issue, I had to add the "anchor" to options when creating Pushpin object as said in this post
Properly Anchoring Pushpins
Does anyone know how to create a 360º camera in three.js?
I'm trying to render the entire scene as a 360º panorama like you would with a go pro 360 rig.
I'm trying to recreate a panorama by arranging several screens in a circle and stretch a threejs window across all the screens.
For this I need a very wide window that has a tree.js camera that captures the entire scene in 360º
Is this possible?
It is definitely possible, as it was already implemented: https://github.com/spite/THREE.CubemapToEquirectangular
That library will just export snapshots as png, but looking at the code it should be possible to integrate the same method it uses into realtime-rendering if you want to...
You can't represent a 360-degree view with a conventional view matrix. You need to render to a set of textures (e.g. the six faces of a cube) then combine them into a 360 degree mapping such as equirectangular.
I'm having problems with google maps, drawing icons was working fine few weeks ago in my project. At some time the icons are very frequently drawing in partly and I don't know what is causing it. It is both happening on my development machine and production server and on all machines.
I'm only using two different icons so I know the bitmap images are not corrupt.
Here below are two sample images.
You'll get more help if you post your outputted JSON. Your gmaps JSON must not have quotes around width or height, like so: "picture":"/assets/dayhome.png","width":32,"height":37,"lat":53.5402,"lng":-113.628
Another fix is to include optimized:false which disables the html5 canvas (the squares that are cutting off the markers).
My much more detailed analysis here: Canvas Tiles Cut Off Custom Markers
Set optimized:false in your Marker options.
If optimized is true (the default), then your marker images are incorporated into the tiles. Unfortunately where markers cross tile boundaries, they are not also used on the adjacent tile, so appear to be truncated at the edge of the tile. Using optimized:false forces the icons to be placed on the map as separate DOM objects.