Hello. I am making a website using Google Maps API.
It's nothing but I brought the Google map key and printed it out on the website
It's going well without anyways
An error message appears stating that creating an icon is a problem...
I don't know why this problem is happening, so I'm asking this question.
//varmapLocation=newGoogle.maps.LatLng('33.381066', '126.536004'); // Location and longitude to be centered on the map
16
17 var mapOptions = {
15 varmapLocation = new google.maps.LatLng('33.381066', '126.536004'); // Location and longitude to be centered on the map
16
17 var mapOptions = {
18center: mapLocation, // the latitude and longitude to be centered on the map (variable)
19 zoom: 10, // map zoom step
20 mapTypeId: google.maps.MapTypeId.ROADMAP
21 };
22 varmap = new google.maps.map(document.getElementById("map-canvas")), // id: map-canvas, must equal the id of the div tag in body
23 mapOptions);
24
25 var size_x = 30; // Horizontal size of image to use as marker
26 var size_y = 30; // Vertical size of image to use as marker
27
28 // Image address to be used as marker
29 var image = new google.maps.MarkerImage( 'http://www.larva.re.kr/home/img/boximage3.png',
30 new google.maps.Size(size_x, size_y),
31 '',
32 '',
33 new google.maps.Size(size_x, size_y));
34
35 var restaurants = []
36 <% @restaurants.each do |r| %>
37 restaurants.push(["<%=r.name%>","<%=r.latitude%>","<%=r.longitude%>"])
38 <% end %>
39
40 var marker,i;
41 var infowindow = new google.maps.InfoWindow();
42
43 for(i=0;i<restaurants.length;i++){
44 marker = new google.maps.Marker({
45 position: new google.maps.LatLng(restaurants[i][1],restaurants[i][2]),
46 map: map,
47 icon: image, // image to be used as marker (variable)
48 title: title that appears when you touch the mouse point to the marker
49 });
// Image address to be used as marker
var image = new google.maps.MarkerImage( 'http://www.larva.re.kr/home/img/boximage3.png',
new google.maps.Size(size_x, size_y),
new google.maps.Point(0, 0),
new google.maps.Point(0, 0),
new google.maps.Size(size_x, size_y));
Or
var image = {
url: 'http://www.larva.re.kr/home/img/boximage3.png',
size: new google.maps.Size(size_x, size_y),
origin: new google.maps.Point(0, 0),
anchor: google.maps.Point(0, 0),
scaledSize: google.maps.Size(size_x, size_y)
};
Try modifying it like this.
© 2024 OneMinuteCode. All rights reserved.