Forum | Appery.io

Hi,

I would like to draw transparent label on Google Marker.
Hit problem with MarkerWithLabel(..) not defined exception...
Any support are appreciated ..

Here is what I have done..
Create CSS1 for the .labels class

.labels {
color: red;
background-color: transparent;
font-family: "Lucida Grande", "Arial", sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 100px;
border: 0;
}

Add javascript in service success JS:

var marker1 = new MarkerWithLabel({
position: new google.maps.LatLng(40.0000000,-73.0000000),
draggable: true,
raiseOnDrag: true,
map: map,
labelContent: "Tina's transparent Marker With Label",
labelAnchor: new google.maps.Point(50, 0),
labelClass: "labels", // the CSS class for the label
labelStyle: {opacity: 0.75}
});

Need to find way to define

Where to find the headers files and add the entry to it?

Or I have other issues that have overlooked.

Thanks

Hello,

Please try to use code from next link: http://google-maps-utility-library-v3...

Igor,
Thanks for the quick reply. Appreciated.

1. I am using code sample from the link.

2. The issue is that I do not know the exact "path" in the URI to be included somewhere in the Appery.io.
   <
   script src="/path/to/markerwithlabel.js" type="text/javascript"

   I was wondering if it can be included by Appery.io like JQuery.....
   If I have to include it, where and how to include src?

   Thanks

This will show you how to include additional JavaScript libraries: http://docs.appery.io/documentation/u...

I add in the app setting - user defined resources
http://google-maps-utility-library-v3...

In the included code above ..

var Marker1 = new MarkerWithLabel({ ...

**Uncaught reference error MarkerWithLabel is not defined

Igor,

Thanks for your pointers.
It was able to find the src/ point to the ...markerwithlabel.js file from the link.
It is really helpful and concise pointer.
Ignore my previous reply.

Hi Lee, you have added this link
:: http://google-maps-utility-library-v3...

to User-defined resources and clicked the Add button?

Hi,
Just after getting it to work.
The design view and browser view has changed . I do not know how to get it back.
The attached image shows the difference between design view and browser view.

Hi,

When you edit CSS code the changes are visible only on preview and in a ready application, but not in builder. Try changing the code to achieve the needed result.

Hi,
Thanks for the quick response.

The googlemap in the builder view disappeared and only the marker is half way clickable. Are there ways to get the original design back?

I deleted the CSS and it does not have anything to do with builder view.

Your advice is appreciated.