GOOGLE MAP 深入之 如何给地图更换显示标记图标

2024-10-12 09:07:29

1、// This example adds a marker to indicate the po衡痕贤伎sition// of Bondi Be锾攒揉敫ach in Sydney, Australiafunction initialize() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(-33, 151) } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var image = 'images/beachflag.png'; var myLatLng = new google.maps.LatLng(-33.890542, 151.274856); var beachMarker = new google.maps.Marker({ position: myLatLng, map: map, icon: image });}google.maps.event.addDomListener(window, 'load', initialize);

GOOGLE MAP 深入之 如何给地图更换显示标记图标

5、代码解析: var beaches = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1]]; 显示多个自定义的标记图标,主要是要我们自定义一个关于经纬度及提示内容的数组.加入到 title 及 position 里面就能实现.

6、对于我们国内的开发者来说,现在访问谷歌不是一件容易的事情,这里我也只能给你们提供一些自己的小经验,还是推荐大家用百度的地图,在中国稳定性和可访问性是不需要担心的,至于百度地图效果怎么样,在后面我也会跟大家分享我的一些心得体会.如果你们有自己的一些问题我这里没有讲解到的,可以在下面进行提问.我会及时给大家解答.

猜你喜欢