How to configure MarkerWithLabel CSS and Javascript header

[K. C. Lee]

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

[Igor]

Hello,

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

[K. C. Lee]

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

[Igor]

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

[K. C. Lee]

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

[K. C. Lee]

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.

[Illya Stepanov]

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

to User-defined resources and clicked the Add button?

[K. C. Lee]

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.

[Kateryna Grynko]

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.

[K. C. Lee]

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.