{"_id":"markerwithlabel","_rev":"1017628","name":"markerwithlabel","description":"npm module of Google Map utility's Marker With Label","dist-tags":{"latest":"2.0.2"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"time":{"modified":"2021-09-28T15:37:37.000Z","created":"2015-06-17T03:25:33.731Z","2.0.2":"2018-08-16T21:26:54.067Z","2.0.1":"2017-08-26T23:43:58.174Z","2.0.0":"2016-05-24T01:30:35.781Z","1.1.16":"2016-05-24T00:34:08.988Z","1.1.15":"2016-05-23T23:18:36.807Z","1.1.14":"2016-05-23T10:39:03.530Z","1.1.13":"2016-01-26T20:13:16.583Z","1.1.12":"2015-06-17T06:14:49.006Z","1.1.11":"2015-06-17T05:30:56.428Z","1.1.10":"2015-06-17T03:54:58.202Z","1.1.9":"2015-06-17T03:25:33.731Z"},"users":{"morogasper":true},"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"versions":{"2.0.2":{"name":"markerwithlabel","version":"2.0.2","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"54e0eb0fde830b591b0550a921420ef566bdbc0b","_id":"markerwithlabel@2.0.2","_npmVersion":"5.6.0","_nodeVersion":"10.0.0","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"dist":{"shasum":"fa6aee4abb0ee553e24e2b708226858f58b8729e","size":18895,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-2.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-2.0.2.tgz"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/markerwithlabel_2.0.2_1534454813953_0.6363858557393984"},"_hasShrinkwrap":false,"publish_time":1534454814067,"_cnpm_publish_time":1534454814067},"2.0.1":{"name":"markerwithlabel","version":"2.0.1","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"8cfa63d53f45c8020866f345736edb818e0883a7","_id":"markerwithlabel@2.0.1","_npmVersion":"5.3.0","_nodeVersion":"8.2.1","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"dist":{"shasum":"822f4eb68c488c2509c5ebdb75982eb84a856096","size":14963,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-2.0.1.tgz"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/markerwithlabel-2.0.1.tgz_1503791038056_0.8331863388884813"},"directories":{},"publish_time":1503791038174,"_hasShrinkwrap":false,"_cnpm_publish_time":1503791038174},"2.0.0":{"name":"markerwithlabel","version":"2.0.0","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"7f6a9503570e693df81d29994021f895ae847cac","_id":"markerwithlabel@2.0.0","_shasum":"36304eed2dc47d94e6d30fbb73bcf5170d959085","_from":".","_npmVersion":"3.8.6","_nodeVersion":"5.11.0","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"dist":{"shasum":"36304eed2dc47d94e6d30fbb73bcf5170d959085","size":21224,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-2.0.0.tgz"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/markerwithlabel-2.0.0.tgz_1464053433396_0.11674716952256858"},"directories":{},"publish_time":1464053435781,"_cnpm_publish_time":1464053435781,"_hasShrinkwrap":false},"1.1.16":{"name":"markerwithlabel","version":"1.1.16","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"bb54bc48519e3d07387b845d2fd8a2772fb44c17","_id":"markerwithlabel@1.1.16","_shasum":"04b60bb3c335502d4ea589f404fdbd2bd1872d3b","_from":".","_npmVersion":"3.8.6","_nodeVersion":"5.11.0","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"dist":{"shasum":"04b60bb3c335502d4ea589f404fdbd2bd1872d3b","size":13769,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.16.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.16.tgz"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/markerwithlabel-1.1.16.tgz_1464050046902_0.7757426195312291"},"directories":{},"publish_time":1464050048988,"_cnpm_publish_time":1464050048988,"_hasShrinkwrap":false},"1.1.15":{"name":"markerwithlabel","version":"1.1.15","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"631c0e513b0023f22eb43142ed9e653da6dec58d","_id":"markerwithlabel@1.1.15","_shasum":"480b152ab3abfeec38fd7346cfecf6b67ff4e8d3","_from":".","_npmVersion":"3.8.6","_nodeVersion":"5.11.0","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"dist":{"shasum":"480b152ab3abfeec38fd7346cfecf6b67ff4e8d3","size":13768,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.15.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.15.tgz"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/markerwithlabel-1.1.15.tgz_1464045516390_0.4853782176505774"},"directories":{},"publish_time":1464045516807,"_cnpm_publish_time":1464045516807,"deprecated":"Bug fixed in v1.1.16","_hasShrinkwrap":false},"1.1.14":{"name":"markerwithlabel","version":"1.1.14","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"4cba178c80c99ecc071d66d3c047f195540d0bca","_id":"markerwithlabel@1.1.14","_shasum":"696f3e74272be08d0881a99a301575e7d019e3e2","_from":".","_npmVersion":"3.8.6","_nodeVersion":"5.11.0","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"dist":{"shasum":"696f3e74272be08d0881a99a301575e7d019e3e2","size":13774,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.14.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.14.tgz"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/markerwithlabel-1.1.14.tgz_1463999941323_0.6432690664660186"},"directories":{},"publish_time":1463999943530,"_cnpm_publish_time":1463999943530,"deprecated":"Bug fixed in v1.1.16","_hasShrinkwrap":false},"1.1.13":{"name":"markerwithlabel","version":"1.1.13","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"aa81cd0e7925ff1819b80c4eedfa1f40e3e6f4a6","_id":"markerwithlabel@1.1.13","_shasum":"8ef238a230dea0e52e4e547dc0f1312066913de8","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.0.0","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"dist":{"shasum":"8ef238a230dea0e52e4e547dc0f1312066913de8","size":12893,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.13.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.13.tgz"},"directories":{},"publish_time":1453839196583,"_cnpm_publish_time":1453839196583,"_hasShrinkwrap":false},"1.1.12":{"name":"markerwithlabel","version":"1.1.12","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"2f171fa14363601197a4a419424095a01e8d6d21","_id":"markerwithlabel@1.1.12","_shasum":"b311c7c519942efad39ac5808fce0c87dc5e1d0a","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"dist":{"shasum":"b311c7c519942efad39ac5808fce0c87dc5e1d0a","size":13659,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.12.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.12.tgz"},"directories":{},"publish_time":1434521689006,"_cnpm_publish_time":1434521689006,"_hasShrinkwrap":false},"1.1.11":{"name":"markerwithlabel","version":"1.1.11","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"a66ecd07c74bada783a3c041d5e655359b6da180","_id":"markerwithlabel@1.1.11","_shasum":"b0aa3d56b8baff35bc874b6f2af02dc0ee167af2","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"dist":{"shasum":"b0aa3d56b8baff35bc874b6f2af02dc0ee167af2","size":13625,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.11.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.11.tgz"},"directories":{},"publish_time":1434519056428,"_cnpm_publish_time":1434519056428,"_hasShrinkwrap":false},"1.1.10":{"name":"markerwithlabel","version":"1.1.10","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"f692f7e7573fff5a69bce7e03f89a79b34252aa8","_id":"markerwithlabel@1.1.10","_shasum":"7bc395e1c37e3087f7baf232524260ca03242907","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"dist":{"shasum":"7bc395e1c37e3087f7baf232524260ca03242907","size":13593,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.10.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.10.tgz"},"directories":{},"publish_time":1434513298202,"_cnpm_publish_time":1434513298202,"_hasShrinkwrap":false},"1.1.9":{"name":"markerwithlabel","version":"1.1.9","description":"npm module of Google Map utility's Marker With Label","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jesstelford/node-MarkerWithLabel.git"},"keywords":["google-map","marker","map","label"],"author":{"name":"Jess Telford","email":"hi@jes.st","url":"http://jes.st"},"license":"Apache-2.0","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","gitHead":"d8875b4bc16e04cf48630d61adfae494ea80cd00","_id":"markerwithlabel@1.1.9","_shasum":"4d39e94cc8f16314ccd5154f163c741471cde0f7","_from":".","_npmVersion":"2.11.0","_nodeVersion":"2.2.1","_npmUser":{"name":"jesstelford","email":"jess+npmjs@jes.st"},"maintainers":[{"name":"jesstelford","email":"jess+npmjs@jes.st"}],"dist":{"shasum":"4d39e94cc8f16314ccd5154f163c741471cde0f7","size":7933,"noattachment":false,"key":"/markerwithlabel/-/markerwithlabel-1.1.9.tgz","tarball":"http://registry.cnpm.dingdandao.com/markerwithlabel/download/markerwithlabel-1.1.9.tgz"},"directories":{},"publish_time":1434511533731,"_cnpm_publish_time":1434511533731,"_hasShrinkwrap":false}},"readme":"# MarkerWithLabel for V3 v1.1.8 [February 26, 2013] Reference\n\n**Note:** _This library is a copy of [the original hosted on Google Code](https://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries)) with modifications and bug fixes made where appropriate._\n\nMarkerWithLabel extends the Google Maps JavaScript API V3 `google.maps.Marker` class.\n\nMarkerWithLabel allows you to define markers with associated labels. As you would expect, if the marker is draggable, so too will be the label. In addition, a marker with a label responds to all mouse events in the same manner as a regular marker. It also fires mouse events and \"property changed\" events just as a regular marker would. Version 1.1 adds support for the raiseOnDrag feature introduced in API V3.3.\n\nIf you drag a marker by its label, you can cancel the drag and return the marker to its original position by pressing the `Esc` key. This doesn't work if you drag the marker itself because this feature is not (yet) supported in the `google.maps.Marker` class.\n\nNote: Be sure to include Google Maps JavaScript API V3 in your page _before_ using this library.\n\n## Using\n\n```shell\nnpm install --save-dev markerwithlabel\n```\n\nFrom here you can use browserify, webpack or something similar to use the module.\n\n```js\nvar MarkerWithLabel = require('markerwithlabel')(google.maps);\n```\n\nSee the examples below for specific uses of this marker type.\n\n# LabeledMarker Documentation: Examples\n\nFor a complete example, see [the `example` folder](./example).\n\n## Creating a Basic Marker\n\nThe example below shows how to use MarkerWithLabel to create a marker that has a label centered beneath it in a small box. The label can be styled most easily by defining a CSS class with the desired properties for the label DIV. In this example the class is called \"labels\" and this name is passed in the `labelClass` parameter to MarkerWithLabel. Additional styling information can be passed in the `labelStyle` parameter. The text of the label is passed in `labelContent`. Other parameters that can be passed to MarkerWithLabel are identical to those that can be passed to `google.maps.Marker`.\n\n     \n```javascript\nvar latLng = new google.maps.LatLng(49.47805, -123.84716);\nvar homeLatLng = new google.maps.LatLng(49.47805, -123.84716);\n\nvar map = new google.maps.Map(document.getElementById('map_canvas'), {\n  zoom: 12,\n  center: latLng,\n  mapTypeId: google.maps.MapTypeId.ROADMAP\n});\n\nvar marker1 = new MarkerWithLabel({\n  position: homeLatLng,\n  draggable: true,\n  raiseOnDrag: true,\n  map: map,\n  labelContent: \"$425K\",\n  labelAnchor: new google.maps.Point(22, 0),\n  labelClass: \"labels\", // the CSS class for the label\n  labelStyle: {opacity: 0.75}\n});\n\nvar iw1 = new google.maps.InfoWindow({\n  content: \"Home For Sale\"\n});\ngoogle.maps.event.addListener(marker1, \"click\", function (e) { iw1.open(map, this); });\n```\n\n\n## Creating a Lettered Marker\n\nThis example shows how to place a single character over the center of Google's default marker. Note the use of the `labelInBackground` property to ensure the label appears in the foreground (rather than in the background behind the marker).\n\n     \n```javascript\nvar latLng = new google.maps.LatLng(49.47805, -123.84716);\nvar homeLatLng = new google.maps.LatLng(49.47805, -123.84716);\n\nvar map = new google.maps.Map(document.getElementById('map_canvas'), {\n  zoom: 12,\n  center: latLng,\n  mapTypeId: google.maps.MapTypeId.ROADMAP\n});\n\nvar marker = new MarkerWithLabel({\n  position: homeLatLng,\n  map: map,\n  draggable: true,\n  raiseOnDrag: true,\n  labelContent: \"A\",\n  labelAnchor: new google.maps.Point(3, 30),\n  labelClass: \"labels\", // the CSS class for the label\n  labelInBackground: false\n});\n\nvar iw = new google.maps.InfoWindow({\n  content: \"Home For Sale\"\n});\ngoogle.maps.event.addListener(marker, \"click\", function (e) { iw.open(map, this); });\n```\n\n\n## Mouse Events\n\nThis example illustrates the mouse events that are fired when you interact with a marker with a label. You can also attach event listeners to \"property changed\" events. The marker here has been made draggable so you can see the events that are fired when the marker is moved around the map. (You can start the drag by clicking the marker portion or the label portion.)\n\n     \n```javascript\nvar latLng = new google.maps.LatLng(49.47805, -123.84716);\nvar homeLatLng = new google.maps.LatLng(49.47805, -123.84716);\n\nvar map = new google.maps.Map(document.getElementById('map_canvas'), {\n  zoom: 12,\n  center: latLng,\n  mapTypeId: google.maps.MapTypeId.ROADMAP\n});\n\nvar marker = new MarkerWithLabel({\n  position: homeLatLng,\n  draggable: true,\n  raiseOnDrag: true,\n  map: map,\n  labelContent: \"$425K\",\n  labelAnchor: new google.maps.Point(22, 0),\n  labelClass: \"labels\" // the CSS class for the label\n});\n\nvar iw = new google.maps.InfoWindow({\n  content: \"Home For Sale\"\n});\ngoogle.maps.event.addListener(marker, \"click\", function (e) { iw.open(map, this); });\n\ngoogle.maps.event.addListener(marker, \"click\", function (e) { log(\"Click\"); });\ngoogle.maps.event.addListener(marker, \"dblclick\", function (e) { log(\"Double Click\"); });\ngoogle.maps.event.addListener(marker, \"mouseover\", function (e) { log(\"Mouse Over\"); });\ngoogle.maps.event.addListener(marker, \"mouseout\", function (e) { log(\"Mouse Out\"); });\ngoogle.maps.event.addListener(marker, \"mouseup\", function (e) { log(\"Mouse Up\"); });\ngoogle.maps.event.addListener(marker, \"mousedown\", function (e) { log(\"Mouse Down\"); });\ngoogle.maps.event.addListener(marker, \"dragstart\", function (mEvent) { log(\"Drag Start: \" + mEvent.latLng.toString()); });\ngoogle.maps.event.addListener(marker, \"drag\", function (mEvent) { log(\"Drag: \" + mEvent.latLng.toString()); });\ngoogle.maps.event.addListener(marker, \"dragend\", function (mEvent) { log(\"Drag End: \" + mEvent.latLng.toString()); });\n```\n\n\n## Pictures as Labels\n\nThis example illustrates that `labelContent` can also be set to any arbitrary HTML DOM node. In this case, the DOM node is a simple img element holding a picture. The picture label has an opacity of 0.50 to make it possible to see what's behind it on the map.\n\n     \n```javascript\nvar latLng = new google.maps.LatLng(49.47805, -123.84716);\nvar homeLatLng = new google.maps.LatLng(49.47805, -123.84716);\n\nvar map = new google.maps.Map(document.getElementById('map_canvas'), {\n  zoom: 12,\n  center: latLng,\n  mapTypeId: google.maps.MapTypeId.ROADMAP\n});\n\nvar pictureLabel = document.createElement(\"img\");\npictureLabel.src = \"home.jpg\";\n\nvar marker = new MarkerWithLabel({\n  position: homeLatLng,\n  map: map,\n  draggable: true,\n  raiseOnDrag: true,\n  labelContent: pictureLabel,\n  labelAnchor: new google.maps.Point(50, 0),\n  labelClass: \"labels\", // the CSS class for the label\n  labelStyle: {opacity: 0.50}\n});\n\nvar iw = new google.maps.InfoWindow({\n  content: \"Home For Sale\"\n});\ngoogle.maps.event.addListener(marker, \"click\", function (e) { iw.open(map, this); });\n```\n\n\n## class MarkerWithLabel\n\n### Constructor\n\n| Constructor  | Description |\n|------|------|\n| `MarkerWithLabel(opt_options?:MarkerWithLabelOptions)` |  Creates a MarkerWithLabel with the options specified in `MarkerWithLabelOptions`. |\n\n## class MarkerWithLabelOptions\n\nThis class represents the optional parameter passed to the `MarkerWithLabel` constructor. The properties available are the same as for `google.maps.Marker` with the addition of the properties listed below. To change any of these additional properties after the labeled marker has been created, call `google.maps.Marker.set(propertyName, propertyValue)`.\n\nWhen any of these properties changes, a property changed event is fired. The names of these events are derived from the name of the property and are of the form `propertyname_changed`. For example, if the content of the label changes, a `labelcontent_changed` event is fired.\n\nThere is no constructor for this class. Instead, this class is instantiated as a javascript object literal.\n\n### Properties\n\n| Properties  | Type | Description |\n|------|------|------|\n| `crossImage` |  `string` |  The URL of the cross image to be displayed while dragging a marker. The default value is `\"http://maps.gstatic.com/intl/en_us/mapfiles/drag_cross_67_16.png\"`. |\n| `handCursor` |  `string` |  The URL of the cursor to be displayed while dragging a marker. The default value is `\"http://maps.gstatic.com/intl/en_us/mapfiles/closedhand_8_8.cur\"`. |\n| `labelAnchor` |  `Point` |  By default, a label is drawn with its anchor point at (0,0) so that its top left corner is positioned at the anchor point of the associated marker. Use this property to change the anchor point of the label. For example, to center a 50px-wide label beneath a marker, specify a `labelAnchor` of `google.maps.Point(25, 0)`. (Note: x-values increase to the right and y-values increase to the top.) |\n| `labelClass` |  `string` |  The name of the CSS class defining the styles for the label. Note that style values for `position`, `overflow`, `top`, `left`, `zIndex`, `display`, `marginLeft`, and `marginTop` are ignored; these styles are for internal use only. |\n| `labelContent` |  `string|Node` |  The content of the label (plain text or an HTML DOM node). |\n| `labelInBackground` |  `boolean` |  A flag indicating whether a label that overlaps its associated marker should appear in the background (i.e., in a plane below the marker). The default is `false`, which causes the label to appear in the foreground. |\n| `labelStyle` |  `Object` |  An object literal whose properties define specific CSS style values to be applied to the label. Style values defined here override those that may be defined in the `labelClass` style sheet. If this property is changed after the label has been created, all previously set styles (except those defined in the style sheet) are removed from the label before the new style values are applied. Note that style values for `position`, `overflow`, `top`, `left`, `zIndex`, `display`, `marginLeft`, and `marginTop` are ignored; these styles are for internal use only. |\n| `labelVisible` |  `boolean` |  A flag indicating whether the label is to be visible. The default is `true`. Note that even if `labelVisible` is `true`, the label will _not_ be visible unless the associated marker is also visible (i.e., unless the marker's `visible` property is `true`). |\n| `optimized` |  `boolean` |  A flag indicating whether rendering is to be optimized for the marker. **Important: The optimized rendering technique is not supported by MarkerWithLabel, so the value of this parameter is always forced to `false`.** |\n| `raiseOnDrag` |  `boolean` |  A flag indicating whether the label and marker are to be raised when the marker is dragged. The default is `true`. If a draggable marker is being created and a version of Google Maps API earlier than V3.3 is being used, this property must be set to `false`. |\n","_attachments":{},"homepage":"https://github.com/jesstelford/node-MarkerWithLabel#readme","bugs":{"url":"https://github.com/jesstelford/node-MarkerWithLabel/issues"},"license":"Apache-2.0"}