milespratt / bingmaps-react

An easy to use Bing Maps React component.
https://bingmaps-react.netlify.app
MIT License
21 stars 19 forks source link

Question - styling pushPinsWithInfoboxes #71

Closed davindersc closed 1 year ago

davindersc commented 1 year ago

Is there a way to style pushpin infoboxes?

This is what I have so far

                const coordinate = {
                    center: {
                        longitude: event.attributes.longitude,
                        latitude: event.attributes.latitude,
                    },
                    options: {
                        title: `Event ${event.id}`,
                        description: `<img src="${'https://wl.blob.core.windows.net/uploads/001 (7).jpg'}" alt="some image" width="200px" height="200px"/>`
                    }
                }

            <BingMapsReact
                bingMapsKey="foobar"
                height="100%"
                mapOptions={{
                    navigationBarMode: "square",
                }}
                width="100vw"
                viewOptions={{
                    center: { latitude: coordinates[0].center.latitude, longitude: coordinates[0].center.longitude },
                    mapTypeId: "grayscale",
                }}
                pushPinsWithInfoboxes={coordinates}
            />