search

inocan-group / vue3-google-map

A set of composable components for easy use of Google Maps in your Vue 3 projects.
https://vue3-google-map.com
MIT License
272 stars 54 forks source link

Google map doesn't show map controller And drag moving on map not working properly? #103

Closed hengseyha closed 1 year ago

hengseyha commented 1 year ago

Please help, google map doesn't show map control

HusamElbashir commented 1 year ago

Can you please share a reproduction? You can use https://vite.new/vue

hengseyha commented 1 year ago

Hi @HusamIbrahim ,

To clarify the missing controller is on fullscreen , zoom in and zoom out button both desktop and mobile browser.

I use typescript for the project.

Please check the link here: https://camrealtyfrontend.web.app/

And drag on map also not working properly. Can you check this?

HusamElbashir commented 1 year ago

TypeScript shouldn't be a problem. Can you share a minimal reproduction on StackBlitz or CodeSandbox (or even a repo)? Without that I can't help much I'm afraid.

hengseyha commented 1 year ago

Let me prepare this.

HoekWax commented 1 year ago

@hengseyha did you find a way to make the drag work properly ? When I disable draggable on the map, the cursor is the default one which is good When I enable it, it's the grab cursor but it doesn't work

YassineChe commented 1 year ago

Same here!

olgber commented 6 months ago

Same here, the draggable cursor is there, but I can not drag the map.

olgber commented 6 months ago

If I remove the draggable option from the Marker component, the map gets draggable.

HusamElbashir commented 6 months ago

@olgber Do you mean dragging the map or a marker. Can you share an example?

olgber commented 6 months ago

I mean dragging the map is not working when the marker is draggable. Dragging the marker is working fine. If I set the marker option draggable to false, then the map becomes draggable.

<GoogleMap ref="mapRef" :api-promise="apiPromise" style="width: 100%; height: 300px" :center="center" :map-type-control="true" :fullscreen-control="true" :zoom="15"> <Marker ref="mapMarkerRef" :options="markerOptions" @dragend="test($event)" /> </GoogleMap>

HusamElbashir commented 6 months ago

Seems to work fine on latest

https://github.com/inocan-group/vue3-google-map/assets/39692071/659a3a31-69ea-4b28-a2b8-c50236ee7676

olgber commented 6 months ago

I am using "vue3-google-map": "^0.19.0"

olgber commented 6 months ago

It was the anchorPoint option that prevented the dragging, removed it and it is working fine now. Thanks for your assistance :)