谷歌用标签映射api标记
google maps api marker with label
我有
var marker = new MarkerWithLabel({
position: uav.Position,
icon: mapStyles.uavSymbolBlack,
labelContent: uav.Callsign +
'<div style="text-align: center;"><b>Alt: </b>' + uav.Alt +
'<br/><b>Bat: </b>' +
uav.Battery + '</div>',
labelAnchor: new google.maps.Point(95, 20),
labelClass: "labels",
labelStyle: { opacity: 0.75 },
zIndex: 999999,})
这个标记在我的JavaScript文件中,但java控制台一直给我一个错误。
Uncaught ReferenceError: MarkerWithLabel is not defined
我认为MarkerWithLabel是内置的谷歌地图api。但它不起作用。
MarkerWithLabel不是Google Maps Javascript API v3的一部分,它位于第三方库MarkerWithLabel中。
新位置(GitHub):https://github.com/googlemaps/js-markerwithlabel
一个迹象是,如果它是API的一部分,它将是google.maps.MarkerWithLabel.
(有关示例和文档,请参阅GitHub页面)
小提琴
代码片段:
var map;
function initialize() {
map = new google.maps.Map(
document.getElementById("map_canvas"), {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new MarkerWithLabel({
position: map.getCenter(),
// icon: mapStyles.uavSymbolBlack,
labelContent: "uav.Callsign" + '<div style="text-align: center;"><b>Alt: </b>' + "uav.Alt" + '<br/><b>Bat: </b>' + "uav.Battery" + '</div>',
labelAnchor: new google.maps.Point(95, 20),
labelClass: "labels",
labelStyle: {
opacity: 0.75
},
zIndex: 999999,
map: map
})
}
google.maps.event.addDomListener(window, "load", initialize);
html, body, #map_canvas {
height: 500px;
width: 500px;
margin: 0px;
padding: 0px
}
.labels {
background-color: white;
border-style: solid;
border-width: 1px;
}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<script src="https://unpkg.com/@googlemaps/markerwithlabel/dist/index.min.js"></script>
<div id="map_canvas" style="width:750px; height:450px; border: 2px solid #3872ac;"></div>
相关文章:
- 谷歌地图API标记没有标记我的位置
- 基于数据的谷歌地图API标记
- 外部SVG作为Google地图api标记-是或否
- 谷歌用标签映射api标记
- 谷歌地图API标记限制/滚动
- 通过 JavaScript 清除 Google Maps API 标记
- Tumblr API 标记方法 - URL 没有相应的响应
- 谷歌地图API - 标记类别的活动类
- 谷歌地图 API 标记点击事件未触发
- 谷歌地图 api 标记 Javascript
- JSF:Javascript google maps API - 标记获得相同的标题
- 谷歌地图API:标记链接没有'不起作用
- 谷歌地图JavaScript API标记&信息窗口
- 谷歌地图v3neneneba API标记在关闭其信息窗口(InfoBubble)时会消失
- 谷歌地图API:标记颜色的条件
- 使用谷歌地图API标记集群
- 谷歌地图API-标记数组只显示第一个标记
- 谷歌地图api标记未显示
- 将图像放在谷歌地图API标记中的图像上
- 谷歌地图API -标记,MySQL